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 搜索相应类名改就好了

相关推荐
yivifu3 小时前
中文古籍电子书注释集成
前端·javascript·python·beautifulsoup·epub
weixin_448290254 小时前
书庐开发实战教学
javascript·css·html
默_笙4 小时前
🛴 从散件到整机:DeepAgents 与 Agent 身上预留的那些"插槽"(前置介绍)
前端·javascript
zhangzeyuaaa4 小时前
深入理解 Ruby 运算符:本质、分类、坑点与重载实战
开发语言·前端·ruby
一木 之林4 小时前
DeepSeek Agent 开发(一)
开发语言·前端·javascript
树下水月5 小时前
Typora破解
linux·服务器·前端
用户5508492902566 小时前
CSS布局实战:从Flex到Grid的完整避坑指南
前端
用户5508492902566 小时前
前端接口请求层怎么封装?一个可落地的请求方案
前端
MetWeave6 小时前
跟着一条 SPECI 走流水线:从电报到界面
前端
樱花落木兰6 小时前
分布式登录实战:Session 会话共享改造,Redis 存储用户登录状态
java·javascript·数据库·redis·分布式·缓存