view内容空白时,无论是bindtap 还是 navigator都不生效?
发布于 7 年前 作者 bdong 6753 次浏览 来自 官方Issues
<navigator url="/pages/dingdan/dingdan">
  <view class='wolist'>
    <image src="../Brand-03.png"></image>我的订单</view>
</navigator>
 
<view class='wolist' bindtap="navigator" data-url="worizhi">
  <!-- <image src="../Brand-04.png"></image>我的日志 -->
  </view>

navigator:function(e){

  console.log(e)
  
},

wolist的CSS

.wolist{
  line-height: 80rpx;
  margin-bottom: 20rpx;
  font-size:30rpx;
  color: rgb(87, 86, 86);
  border-bottom: 1rpx rgb(219, 216, 216) solid;
  width: 660rpx;
  height: 80rpx;
}

现在遇到的问题是

虽然设置了view的宽度,但是当点击view内容里面空白的地方,无论是bindtap还是navigator 都没有效果,如:点击 我的订单后面空白的地方

必须要点在 view中内容的地方,如 点击我的订单才有效果

为了进一步验证,我把view里的所有内容都注释以后,无论点击哪里都没有效果

但是点在文字和图标上 bindtap或者 navigator  都正常 ,我希望点击整行都可以有效果,

不知道这个大家是怎么做的,我也不知道 这个是不是 bug 所以来问问

4 回复

试了下是可以点击的，width设置为100%或者100vw吧

我们初期测试时，每个view都会加上背景色；

乖乖你给了距离底部的位置你要考虑父容器是不是给了定位啊。

没有复现，我这是可以触发bindtap的

回到顶部