1. 问题描述:
在实际的开发中发现。当使用picker组件时,在点击picker中没有内容的区域,picker弹窗并没有触发。
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>