个人中心 | 微信开放社区

小程序实现左滑弹出菜单，右滑隐藏菜单。在工具仿真可用，但是在真机上右滑功能失效

[代码]touchstart: [代码][代码]function[代码][代码](e) {[代码][代码] [代码][代码]var[代码] [代码]that = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]touchs: e.touches[0].pageX,[代码][代码] [代码][代码]touche: e.touches[0].pageX,[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码] [代码] [代码] [代码][代码]touchmove: [代码][代码]function[代码][代码](e) {[代码][代码] [代码][代码]var[代码] [代码]that = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]touche: e.touches[0].pageX,[代码][代码] [代码][代码]})[代码][代码] [代码][代码]let offset = that.data.touche - that.data.touchs;[代码][代码] [代码][代码]if[代码] [代码](offset > 0){[代码][代码] [代码][代码]if[代码] [代码](that.data.open){[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]style: [代码][代码]'transform: translateX('[代码] [代码]+ that.data.windowwidth * 0.7 + [代码][代码]'px)'[代码][代码],[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码]else[代码][代码]{[代码][代码] [代码][代码]if[代码] [代码](offset >= that.data.windowwidth * 0.7)[代码][代码] [代码][代码]offset = that.data.windowwidth * 0.7;[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]style: [代码][代码]'transform: translateX('[代码] [代码]+ offset + [代码][代码]'px)'[代码][代码],[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码]else[代码][代码]{[代码][代码] [代码][代码]if[代码] [代码](that.data.open){[代码][代码] [代码][代码]offset = that.data.touchs - that.data.touche;[代码][代码] [代码][代码]if[代码] [代码](offset >= that.data.windowwidth * 0.7)[代码][代码] [代码][代码]offset = that.data.windowwidth * 0.7;[代码][代码] [代码][代码]var[代码] [代码]width = that.data.windowwidth*0.7 - offset[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]style: [代码][代码]'transform: translateX('[代码] [代码]+ width * 0.7 + [代码][代码]'px)'[代码][代码],[代码][代码] [代码][代码]}) [代码][代码] [代码][代码]}[代码][代码]else[代码][代码]{[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]style: [代码][代码]'transform: translateX('[代码] [代码]+ 0 + [代码][代码]'px)'[代码][代码],[代码][代码] [代码][代码]}) [代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码] [代码][代码]},[代码] [代码] [代码][代码]touchend: [代码][代码]function[代码][代码](e) {[代码][代码] [代码][代码]var[代码] [代码]that = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]touche: e.changedTouches[0].pageX,[代码][代码] [代码][代码]}) [代码][代码] [代码][代码]let offset = that.data.touche - that.data.touchs;[代码][代码] [代码][代码]if[代码][代码](offset > 0){[代码][代码] [代码][代码]if[代码] [代码](offset < that.data.windowwidth * 0.3){[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]style: [代码][代码]'transform: translateX('[代码] [代码]+ 0 + [代码][代码]'px)'[代码][代码],[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码]else[代码][代码]{[代码][代码] [代码][代码]if[代码] [代码](offset >= that.data.windowwidth * 0.3){[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]style: [代码][代码]'transform: translateX('[代码] [代码]+ that.data.windowwidth * 0.70 + [代码][代码]'px)'[代码][代码],[代码][代码] [代码][代码]open: [代码][代码]true[代码][代码],[代码][代码] [代码][代码]})[代码][代码] [代码][代码]//that.move();[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码]else[代码][代码]{[代码][代码] [代码][代码]if[代码] [代码](that.data.open){[代码][代码] [代码][代码]offset = that.data.touchs - that.data.touche;[代码][代码] [代码][代码]if[代码] [代码](offset < that.data.windowwidth * 0.3) {[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]style: [代码][代码]'transform: translateX('[代码] [代码]+ that.data.windowwidth * 0.7 + [代码][代码]'px)'[代码][代码],[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码]else[代码][代码]{[代码][代码] [代码][代码]if[代码] [代码](offset >= that.data.windowwidth * 0.3) {[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]style: [代码][代码]'transform: translateX('[代码] [代码]+ 0 + [代码][代码]'px)'[代码][代码],[代码][代码] [代码][代码]open: [代码][代码]false[代码][代码],[代码][代码] [代码][代码]})[代码][代码] [代码][代码]//that.move();[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码] [代码][代码]} [代码][代码] [代码][代码]},[代码]

GitHub账号

选择需要上架的开放服务

案例类型