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

    /**
     * 页面的初始数据
     */
    data: {
        imgUrls: [],
        baseImgUrl: app.globalData.baseImgUrl,
        connectButton: [
            { className: "", text: "在线客服", bindtap: "" }
        ],
        autoplay: false,
        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 () {
        wx.setNavigationBarTitle({
            title: '应用场景',
        })
    },

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

    },

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

    },

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

    },

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

    },

    /**
     * 用户点击右上角分享
     */
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        let that = this;
        // 设置菜单中的转发按钮触发转发事件时的转发内容
        var log_id = this.data.log_id
        console.log(log_id, 'fenxiang')
        var shareObj = {
            title: "应用场景", // 默认是小程序的名称(可以写slogan等)
            path: '/pages/application/application', // 默认是当前页面,必须是以‘/’开头的完整路径
            //imageUrl: '/images/img.png', //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
            success: function (res) {
                // 转发成功之后的回调
                if (res.errMsg == 'shareAppMessage:ok') { }
            },
            fail: function () {
                // 转发失败之后的回调
                if (res.errMsg == 'shareAppMessage:fail cancel') {
                    // 用户取消转发
                } else if (res.errMsg == 'shareAppMessage:fail') {
                    // 转发失败,其中 detail message 为详细失败信息
                }
            },
            complete: function () {
                // 转发结束之后的回调(转发成不成功都会执行)
            }
        }   // 来自页面内的按钮的转发

        // if (option.from == 'button') {
        // // 此处可以修改 shareObj 中的内容
        // // shareObj.imageUrl = '/pages/shareimg/share.png'
        // }   // 返回shareObj

        return shareObj;
    }
})