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

相关推荐
猴猴不是猴19 小时前
js实现卷轴,中间可滑动方块,左右两侧对比
javascript·css·css3
toooooop819 小时前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
y***866919 小时前
前端CSS-in-JS方案
前端·javascript·css
暖木生晖19 小时前
APIs之WEB API的基本认知是什么?
前端·dom·dom树·web apis
华仔啊19 小时前
你真的懂递归吗?没那么复杂,但也没那么简单
前端·javascript
火星数据-Tina19 小时前
低成本搭建体育数据中台:一套 API 如何同时支撑比分网与 App?
java·前端·websocket
yddddddy19 小时前
深入浅出前端路由:从概念到实战
前端
专业抄代码选手19 小时前
【Leetcode】1930. 长度为 3 的不同回文子序列
javascript·算法·面试
林_xi20 小时前
uniapp使用@uni-ku/root插件实现全局组件
前端·uni-app
计算机毕设定制辅导-无忧学长20 小时前
基于uni-app的“民族风韵”特色购物小程序
uni-app