微信小程序 - picker无内容点击不触发

344 阅读1分钟

1. 问题描述:

    在实际的开发中发现。当使用picker组件时,在点击picker中没有内容的区域,picker弹窗并没有触发。

   image.png

2. 解决方法:

   在picker元素上添加样式 style="display: inline-block;"

   代码示例:

<view class="orderInfoItem">      <view class="orderInfoItemTitle requiredIcon">订单交付时间:</view>      <picker mode="date" style="display:inline-block;" class="orderInfoItemPicke" value="{{orderInfo.orderDeliveryTime}}" bindchange="bindDateChange">           <view>              <view wx:if="{{!orderInfo.orderDeliveryTime}}" style="line-height: 54rpx;" class="placeholderClass">                  请选择日期              </view>              <text wx:else class="pickerValue">{{orderInfo.orderDeliveryTime}}</text>              <image class="pickerIcon" src="https://image-c.weimobwmc.com/ol-6NoGC/03f56fec99944f2aa2e715a60409060d.png" />           </view>      </picker></view>