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

相关推荐
snow@li6 小时前
Java:Java 服务器(Web 容器 / Servlet 容器)完整工作清单
java·服务器·前端
用户44014549314197 小时前
Spring Boot 3.x 异步编程实战:从 @Async 到虚拟线程
javascript
洋子7 小时前
Yank Note 系列 14 - 我和 AI 怎么一起写文章
前端·markdown
江华森7 小时前
前端构建工具 Webpack 速览
前端·webpack·node.js
谙忆10248 小时前
HTTP 图片缓存实战:Cache-Control、ETag、内容哈希文件名与 CDN 回源到底怎么配
前端
wangruofeng8 小时前
终端里 rm 一下文件就没了,macOS 怎么删文件才进废纸篓
javascript·命令行·apple
小妖6668 小时前
React input 输入卡顿问题
前端·javascript·react.js
এ慕ོ冬℘゜8 小时前
JavaScript 数据类型检测与转换、运算符超全实战详解
前端·html
kyriewen8 小时前
我用 AI 写代码快了 3 倍——然后同事的 Code Review 全变成了我的
前端·程序员·ai编程
李明卫杭州9 小时前
Vue2 portal-target 组件与 Vue3 的针对性优化
前端·javascript·vue.js