view中包含view和image,点view正常,点image参数不对?
发布于 5 年前 作者 huangxiulan 14035 次浏览 来自 官方Issues

view中包含view和image,点view正常,点image参数不对

<view class="userinfo2" bindtap="showtip" id="help1">
  <view class="subContainer2">说明信息1</view>
  <image style="width:2%;margin-right:10%;" mode="aspectFit" src="toLeft.png"></image>
</view>
<view wx:if="{{help1}}" style="display: flex;flex-direction: column;align-items: center;">
  <view style="width:90%;">说明信息1说明信息1说明信息1说明信息1说明信息1</view>
</view>
 
<view class="userinfo2" bindtap="showtip" id="help2">
  <view class="subContainer2">说明信息2</view>
  <image style="width:2%;margin-right:10%;" mode="aspectFit" src="toLeft.png"></image>
</view>
<view wx:if="{{help2}}" style="display: flex;flex-direction: column;align-items: center;">
  <view style="width:90%;">说明信息2说明信息2说明信息2说明信息2说明信息2</view>
</view>
 
<view class="userinfo2" bindtap="showtip" id="help3">
  <view class="subContainer2">说明信息3</view>
  <image style="width:2%;margin-right:10%;" mode="aspectFit" src="toLeft.png"></image>
</view>
<view wx:if="{{help3}}" style="display: flex;flex-direction: column;align-items: center;">
  <view style="width:90%;">说明信息3说明信息3说明信息3说明信息3说明信息3</view>
</view>
 
<view class="userinfo2" bindtap="showtip" id="help4">
  <view class="subContainer2">说明信息4</view>
  <image style="width:2%;margin-right:10%;" mode="aspectFit" src="toLeft.png"></image>
</view>
<view wx:if="{{help4}}" style="display: flex;flex-direction: column;align-items: center;">
  <view style="width:90%;">说明信息4说明信息4说明信息4说明信息4说明信息4</view>
</view>

如果点 说明信息1 中的image console.log 记录的是

currentTarget:
dataset: {}
id: "help3"
offsetLeft: 0
offsetTop: 196

代码分享:

https://developers.weixin.qq.com/s/1lR8fKmE7RcH

2 回复

正常了,谢谢大神

你的图片超高了,说明信息1那里其实是三张图片的叠加,说明信息3的在最上面,所以触发的是说明信息3(image有默认的高度)

把mode设置成widthFix就可以了

回到顶部