application.js 3.4 KB
// pages/application/application.js
const app = getApp();
var touchDot = 0;//触摸时的原点
var time = 0;// 时间记录,用于滑动时且时间小于1s则执行左右滑动
var interval = "";// 记录/清理时间记录
Page({

    /**
     * 页面的初始数据
     */
    data: {
        imgUrls: [],
      connectButton: [
        { className: "", text: "在线客服", bindtap: "" }
      ],
        autoplay: true,
        interval: 2000,
        duration: 1000,
        circular: true,
        currentSwiper: 0,
    },
    changeIndicatorDots(e) {
      console.log(e)
        this.setData({
            indicatorDots: !this.data.indicatorDots
        })
    },
    changeAutoplay(e) {
      consolle.log(e)
        this.setData({
            autoplay: !this.data.autoplay
        })
    },
    intervalChange(e) {
      console.log(e)
        this.setData({
            interval: e.detail.value
        })
    },
    durationChange(e) {
      console.log(e)
        this.setData({
            duration: e.detail.value
        })
    },
    swiperChange: function (e) {
      conosle.log(e)
        this.setData({
            currentSwiper: e.detail.current
        })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
      let url = '/portal/Api/scene';
      app.post(url, {}).then((res) => {
        // console.log('res', res);
        this.setData({
          imgUrls: res.list
        })
      }).catch((err) => {
        console.log(err);
      })
    },
    jumpFun: function (e) {
        wx.navigateTo({
            url: '../about/about'
        })
    },
    // 返回上一页
    backFun: function () {
      wx.navigateBack({
        changed: true
      });
    },
    // 触摸开始事件
    touchStart: function (e) {
      touchDot = e.touches[0].pageX; // 获取触摸时的原点
      // 使用js计时器记录时间  
      interval = setInterval(function () {
        time++;
      }, 100);
    },
    // 触摸移动事件
    touchMove: function (e) {
      var touchMove = e.touches[0].pageX;
      console.log("touchMove:" + touchMove + " touchDot:" + touchDot + " diff:" + (touchMove - touchDot));
      // 向左滑动  
      if (touchMove - touchDot <= -40 && time < 10) {
        wx.navigateTo({
          url: '../about/about'
        })
        console.log(1)
      }
      // 向右滑动
      if (touchMove - touchDot >= 40 && time < 10) {
        console.log('向右滑动');
        // alert("已经是第一页了")
        wx.navigateBack({
          changed: true
        });
      }
    },
    // 触摸结束事件
    touchEnd: function (e) {
      clearInterval(interval); // 清除setInterval
      time = 0;
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})