zoukankan      html  css  js  c++  java
  • 小程序360°图片查看

    业务需求:模拟360°全景查看的效果;

    获取最初的坐标

      trade(e) {
        this.setData({
          coord: e.changedTouches[0].pageX
        })
      },

    手指左右滑动时切换图片

     changImage(e) {
        let num = this.data.coord;
        let moveNum = e.changedTouches[0].pageX;
        let imgNum = this.data.imgNum;
        let imgLength = this.data.photoArr360.length;
        let bad = moveNum - num;
        if (bad > 10) {
          if (imgNum < imgLength - 1) {
            imgNum++
            this.setData({
              coord: moveNum,
              imgNum: imgNum
            })
          } else if (imgNum == imgLength - 1) {
            this.setData({
              coord: moveNum,
              imgNum: 0
            })
          }
        } else if (bad < -10) {
          if (imgNum > 0) {
            imgNum--
            this.setData({
              coord: moveNum,
              imgNum: imgNum
            })
          } else if (imgNum == 0) {
            this.setData({
              coord: moveNum,
              imgNum: imgLength - 1
            })
          }
        }
      },

    最终实现效果

  • 相关阅读:
    day_13
    day_12
    day_11
    day_10
    day_09
    day_08
    day_07
    day_06
    cmder 基本配置和使用
    php自动加载
  • 原文地址:https://www.cnblogs.com/yutianA/p/14512929.html
Copyright © 2011-2022 走看看