问题:点击手机号弹出微信的手机号验证组件,这是可以的。但是我点击车牌号,也弹出来了,这就郁闷了。 以下是解决方法
点击手机号时,弹出选择手机号
解决:
<view style="display: flex;justify-content:space-between;border-bottom: 1px solid rgb(231, 230, 230);padding-bottom: 20rpx;">
<view>修改手机号</view>
<button plain="true" open-type="getPhoneNumber" bindgetphonenumber="onGetPhoneNumber" data-menuName="修改手机号" data-content="{{carCodeInfo.mobile}}" style="display:flex;align-items:center;color:#515151;padding:0;line-height:0;justify-content:flex-end;flex:1;background-color:unset;font-size: unset;border: unset;">
<view>{{carCodeInfo.mobile}}</view>
<van-icon name="arrow" style="margin-left: 10rpx;"/>
</button>
</view>
关键点:plain="true" 和 border: unset;
加上就可以了。其他样式是为了去掉button原先的样式。实现我自己想要的效果。可能这个button组件就有相关属性可以设置样式,但是我没去细看了。实现就行了,不管了。