uni-app组件样式修改不生效

简介: uni-app组件样式修改不生效

今天用了uni-ui拓展组件修改样式不生效
网上查了一下给的原因和注意事项:

1、因为 uni-app 的默认组件是定义好了的,如果要修改需要去引入的 components 里去找到对应的插件,对应的类名,然后在插件里修改,也可以自行修改样式并覆盖原有样式。

2、选择自行修改的时候,一定在 app.vue 页面去引入更改的 css 或者直接在此页面进行修改,否则修改无效。

3、不要在 style 中增加 scoped 属性。

4、注意小程序中跟 h5 页面是略有不同的,如下官方语句:

checkbox 的默认颜色,在不同平台不一样。微信小程序是绿色的,字节跳动小程序为红色,其他平台是蓝色的。更改颜色使用 color 属性。
如需调节 checkbox 大小,可通过 css 的 scale 方法调节,如缩小到70%style="transform:scale(0.7)"

在 app.vue 的

相关文章
|
5月前
uni-app 4.13开发弹出层组件(二)弹出关闭功能
uni-app 4.13开发弹出层组件(二)弹出关闭功能
109 0
|
5月前
uni-app 4.9封装badge组件
uni-app 4.9封装badge组件
77 0
|
5月前
uni-app 4.7封装头像组件
uni-app 4.7封装头像组件
61 0
|
5月前
uni-app 4.5开发聊天列表组件(一)
uni-app 4.5开发聊天列表组件(一)
61 0
|
5月前
uni-app 4.4封装头部导航组件(二)
uni-app 4.4封装头部导航组件(二)
42 0
|
2月前
|
XML 数据格式
【Azure Logic App】在Logic App中使用 Transfer XML组件遇见错误 undefined
【Azure Logic App】在Logic App中使用 Transfer XML组件遇见错误 undefined
|
3月前
|
存储 前端开发
useEffect问题之在子组件的副作用中更新父组件的状态如何解决
useEffect问题之在子组件的副作用中更新父组件的状态如何解决
|
3月前
|
JavaScript 前端开发
uni-app组件 子组件onLoad、onReady事件无效
突然发现在项目中,组件 子组件的onLoad、onReady事件无效 打印也出不来值 怎么处理呢?
324 1
路由不跳转,只留在首页,写的样式写到了App.vue中,没使用router-view
路由不跳转,只留在首页,写的样式写到了App.vue中,没使用router-view
路由不跳转,只留在首页,写的样式写到了App.vue中,没使用router-view
下一篇
无影云桌面