小程序swiper 3D 切换代码

// pages/Ocean/selectDoctor/selectDoctor.js Page({ /** * 页面的初始数据 */ data: { swiperCurrent: "", //指示点 is375Width: false, firsts: 2, turnImg: [ "https://xinan-hospital.oss-cn-shanghai.aliyuncs.com/guangwang/zxwz-img1.png", "https://xinan-hospital.oss-cn-shanghai.aliyuncs.com/guangwang/zxwz-img2.png", "https://xinan-hospital.oss-cn-shanghai.aliyuncs.com/guangwang/zxwz-img3.png", ], }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, //swiper滑动事件 swiperChange: function (e) { //指示图标 let that = this; let vale = e.detail.current; if (vale == 0) { that.data.firsts = 2; } else { that.data.firsts = vale - 1 } that.setData({ swiperCurrent: e.detail.current, firsts: that.data.firsts }) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { wx.getSystemInfo({ success: (res) => { this.setData({ vheight: res.windowHeight }) }, }) }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })