uniapp picker组件的样式更改

不知道有没有小伙伴遇到过这个问题 我是各种穿透和层级都尝试了更改不了其样式

梳理一下

H5端

在全局app.vue下添加如下代码

复制代码
.uni-picker-container .uni-picker-header{                

            background-color: $uni-color-pink; //picker头部背景色

}

.uni-picker-container .uni-picker-action.uni-picker-action-confirm      //picker确定按钮颜色

,.uni-picker-container .uni-picker-action.uni-picker-action-cancel{            
        color: $uni-text-color-inverse;  //picker取消按钮颜色                                       //这里时改成同一种颜色,可根据项目需求拆分更改
}

app端 需要更改其源码

找到如下目录的js文件在HX中打开

然后 ctrl+f 搜索相应类名改就好了

相关推荐
小宇的天下7 分钟前
Synopsys® Technology File(工艺文件)详解
前端
点点开心8 分钟前
攻防世界WEB(新手模式)2-5-web2
前端·学习·安全·web安全·网络安全
西门吹-禅8 分钟前
react native --Expo---Android 开发
javascript·react native·react.js
qq_316837758 分钟前
uniapp打包微信小程序使用插件
微信小程序·小程序·uni-app
谢尔登8 分钟前
React19 渲染流程
前端·javascript·架构·ecmascript
我是伪码农9 分钟前
Vue 1.29
前端·javascript·vue.js
css趣多多11 分钟前
Vue动态组件以及keep-alive的使用
前端·javascript·vue.js
盐真卿14 分钟前
python第五部分:文件操作
前端·数据库·python
晚霞的不甘17 分钟前
Flutter for OpenHarmony《智慧字典》英语学习模块代码深度解析:从数据模型到交互体验
前端·学习·flutter·搜索引擎·前端框架·交互
摘星编程19 分钟前
React Native + OpenHarmony:自定义useLanguage语言切换
javascript·react native·react.js