滑动

startX: 0,
marginL: 0,
bransWidth: 0,
bransContentWidth: 0,
bransShowContentWidth:'',


myTouchStart: function(e) { var that = this; if (that.data.appBrandList.length > 5) { that.setData({ startX: e.touches[0].pageX - that.data.marginL }); } }, myTouchMove: function(e) { var that = this; if (that.data.appBrandList.length > 5) { let nowX = e.touches[0].pageX; let slideX = nowX - that.data.startX; this.setData({ marginL: slideX }); } }, myTouchEnd: function(e) { var that = this; if (that.data.appBrandList.length != 0) { //获取代理品牌宽度 wx.createSelectorQuery().select('#brans').boundingClientRect(function (rect) { that.setData({ bransWidth: rect.width }) }).exec(); wx.createSelectorQuery().select('#brans-content').boundingClientRect(function (rect) { that.setData({ bransContentWidth: rect.width }) if (that.data.appBrandList.length > 5) { if (that.data.marginL >= 0) { that.setData({ marginL: 0 }) } else if (that.data.marginL <= -that.data.bransContentWidth + that.data.bransWidth) { that.setData({ marginL: -that.data.bransContentWidth + that.data.bransWidth }); } } }).exec(); } },

  

 

posted @ 2019-05-16 08:55  小熊叶叶  阅读(112)  评论(0)    收藏  举报