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 的

相关文章
|
6月前
uni-app 4.13开发弹出层组件(二)弹出关闭功能
uni-app 4.13开发弹出层组件(二)弹出关闭功能
133 0
|
6月前
uni-app 4.9封装badge组件
uni-app 4.9封装badge组件
88 0
|
6月前
uni-app 4.7封装头像组件
uni-app 4.7封装头像组件
67 0
|
6月前
uni-app 4.5开发聊天列表组件(一)
uni-app 4.5开发聊天列表组件(一)
79 0
|
6月前
uni-app 4.4封装头部导航组件(二)
uni-app 4.4封装头部导航组件(二)
57 0
|
21天前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
117 1
|
22天前
|
存储 API 数据库
uniapp APP自动更新组件
uniapp APP自动更新组件
51 1
|
23天前
|
存储 前端开发 UED
uni-app:基础组件 (下)
本文介绍了多种前端组件及其用法,包括:label 组件用于表单元素的标签;picker 组件用于实现日期、时间及普通列表的选择器;textarea 组件用于输入多行文本,并可通过 v-model 双向绑定数据;process 组件用于显示进度条;swiper 组件用于轮播图展示;match-media 组件根据屏幕尺寸展示内容;audio 组件用于播放音频;switch 组件用于开关选择;scroll-view 组件实现滚动视图功能;以及 storage 的使用方法,如设置、获取和移除本地存储等。
|
23天前
|
存储 前端开发 JavaScript
uni-app:基础组件 (上)
本文介绍了uni-app中多个组件的使用方法,包括存储操作、图标展示、按钮样式、表单输入、导航跳转和输入框控制等。通过具体代码示例展示了如何设置存储键值、使用不同类型的按钮、实现表单提交与重置功能、控制输入框的显示与清除等功能。
|
3月前
|
XML 数据格式
【Azure Logic App】在Logic App中使用 Transfer XML组件遇见错误 undefined
【Azure Logic App】在Logic App中使用 Transfer XML组件遇见错误 undefined