uniapp picker组件并无可以修改“完成”和“取消”文字的属性,直接改源码则比较麻烦,故可以通过css伪类的方式来修改:
::v-deep .uni-picker-container .uni-picker-action.uni-picker-action-confirm {
visibility: hidden;
&:after {
content: '确定';
color: red;
visibility: visible;
}
}
同理,自定义“取消”,为类名为uni-picker-action-cancel的标签设置相应的伪类即可
效果图: