picker取消,确定按钮样式改变
发布于 5 年前 作者 duanchao 7312 次浏览 来自 官方Issues

引入picker组件后,在开发者工具中样式是正常的,在真机上样式就变了

在开发者工具:

在真机上调试(荣耀V20):

引入部分代码:

wxml:
<picker bindchange="bindPickerChange" value="{{index}}" range="{{staffArr}}">
   <view class="picker right_picker {{company.size==''?'right_picker_noselect':''}}">
      {{company.size==''?'请选择':company.size}}
   </view>
</picker>
wxss:
.right_picker{
  margin-right: 10rpx;
  font-size30rpx;
}
.right_picker_noselect{
  color#ccc;
}
3 回复

这个是手机系统决定的。特别是安卓上,一些深度定制的系统决定了picker的样式

开发者工具模拟器没办法模拟所有系统的UI,无法跟真机保持一致的。

如果需要在手机上显示旧版的ui,可以把app.json里的style: "v2"这一条删除

PS:小程序原生的大部分弹框并不能保证在所有设备上样式都一样。

比如:电脑端的对话框与手机端的就不同

如果需要保持各端体验一致,可以选择用wxml、wxss自己写这个组件

这是正常啊,新版本微信都是改的UI了,开发者工具部分UI还是原来的

回到顶部