实现触摸开始和触摸结束的图片的显隐
需求： 触摸实现方向键上面的小三角的显隐
wxml
<view class=‘right-view’ catchtouchstart=“onRightTouchStart” catchtouchend=“onRightTouchEnd” >
<image class=‘right-img’ wx:if="{{rightImg}}" src="/ico/right.png">image>
view>
js
onRightTouchStart: function(event){
this.setData({
rightImg: false
})
},
onRightTouchEnd: function (event) {
this.setData({
rightImg: true
})
}
实现的效果是： 第一次触摸图片隐藏，第二次触摸图片显示。 我想要的项目是每次触摸开始时隐藏，结束时显示。
下图是两次触摸后控制台的输出信息
测试end事件的话， 第一次触摸释放后，end事件不会触发。
谢谢大神了
5 回复
还有个问题。关于小程序布局的，有什么资料可以学习学习。我看了css的布局，但是在实际布局时还是遇到问题需要找很久。
就像上面的截图，我实现布局的时候使用的是absolute和relative这两种结合的方式。
听说flex很强大，但是哪有什么好的资料可以推荐下么?
强力驱动