uniapp 自定义 picker “取消”及“完成”文字

1,136 阅读1分钟

image.png

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的标签设置相应的伪类即可

效果图:

image.png

来源链接:www.jianshu.com/p/6195af63e…