按钮不显示问题
发布于 5 年前 作者 panxiulan 13345 次浏览 来自 官方Issues

开发者工具显示正常如图:

手机上按钮就不显示了:如图:

样式代码 wxml:

  <view class="driver-btnwx:if="{{userinfo.type==2}}">

    <view class="trip-btn margin-rightwx:if='{{tripItem.driver_trips&&userinfo.openid==tripItem.driver_trips.openid}}data-id='{{tripItem.id}}data-index='{{index}}data-status="0catchtap="tapTripdata-content="您确认拒绝接单吗?">拒绝接单</view>

    <view class="trip-btn margin-rightcatchtap="makePhoneCalldata-mobile="{{tripItem.user.actual_mobile}}">联系乘客</view>

    <view class="trip-btn margin-right  sure-btnwx:if='{{tripItem.driver_trips&&userinfo.openid==tripItem.driver_trips.openid}}data-id='{{tripItem.id}}data-index='{{index}}data-status="2data-content="您确认接单?catchtap="tapTrip">确认接单</view>

    <view class="trip-btn margin-right  sure-btnwx:if='{{tripItem.status==2}}data-id='{{tripItem.id}}'  data-content="您确认已到达接客点?data-status="5data-openid="{{tripItem.meetopenid}}catchtap="tapTrip">到达</view>

    <view class="trip-btn margin-right  sure-btnwx:if='{{tripItem.status==5||tripItem.status==7}}data-id='{{tripItem.id}}'  data-content="您确认开始行程?data-status="6data-oldstatus='{{tripItem.status}}data-openid="{{tripItem.meetopenid}}catchtap="tapTrip">开始行程</view>

    <view class="trip-btn margin-right  sure-btnwx:if='{{tripItem.status==6}}data-id='{{tripItem.id}}'  data-content="您确认暂停行程?data-status="7data-openid="{{tripItem.meetopenid}}catchtap="tapTrip">暂停行程</view>

    <view class="trip-btn margin-right  sure-btnwx:if='{{tripItem.status==6}}data-id='{{tripItem.id}}'  data-content="您确认结束该行程吗?data-status="3data-openid="{{tripItem.meetopenid}}catchtap="tapTripdata-url='/pages/endtrip/endtrip?tripid={{tripItem.id}}&isinput=true'>结束行程</view>

  </view>

wxss:

.trip-btn{

  display: flex;

  align-items: center;

  justify-content: center; 

  width:153rpx;

  height:56rpx;

  border:1px solid rgba(153,153,153,1);

  border-radius:28rpx;

  font-size:25rpx;

  font-family:PingFang SC;

  font-weight:500;

  color:rgba(51,51,51,1);

}

.driver-btn{

  width: 100%;

  display: flex;

  justify-content: flex-end; 

  padding-top:40rpx;

  padding-bottom: 20rpx; 

}

此代码于2021-6-15 号 出现问题

之前一直未出现该问题

2 回复

没看到两张图有什么不同[狗头]

哪个按钮没显示?

回到顶部