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

相关推荐
昙鱼6 分钟前
springboot创建web项目
java·前端·spring boot·后端·spring·maven
街尾杂货店&7 分钟前
webpakc介绍
uni-app
天天进步201512 分钟前
Vue项目重构实践:如何构建可维护的企业级应用
前端·vue.js·重构
小华同学ai15 分钟前
vue-office:Star 4.2k,款支持多种Office文件预览的Vue组件库,一站式Office文件预览方案,真心不错
前端·javascript·vue.js·开源·github·office
APP 肖提莫16 分钟前
MyBatis-Plus分页拦截器,源码的重构(重构total总数的计算逻辑)
java·前端·算法
问道飞鱼28 分钟前
【前端知识】强大的js动画组件anime.js
开发语言·前端·javascript·anime.js
k093329 分钟前
vue中proxy代理配置(测试一)
前端·javascript·vue.js
傻小胖31 分钟前
React 脚手架使用指南
前端·react.js·前端框架
程序员海军43 分钟前
2024 Nuxt3 年度生态总结
前端·nuxt.js
m0_748256781 小时前
SpringBoot 依赖之Spring Web
前端·spring boot·spring