当前位置: 首页 > article >正文

uniapp-x 子组件样式覆盖

 不支持scoped

 默认不支持scoped,所以写也没用

那如果我想修改子孙节点的样式是不是很方便,不需要v-deep了?

的确如此

自带页面样式隔离

在 uni-app x 中,不支持 css scoped,样式的作用范围遵循以下规则:

  • App.uvue 中的样式作用于全局。
  • 页面的样式作用于当前页面及其子组件
  • 组件的样式仅作用于当前组件(作者补充:以及其子组件)

对于uniapp 自带ui库的样式拓展

例如input在web端,内部会有一个input标签,通过样式可以修改到

但是编译成app后是不存在这个标签的!!!!!

所以不要用样式修改内部标签,直接给input挂载一个class即可

对于第三方ui库的拓展

阅读代码,找到对应的样式,页面内覆盖即可,只要不涉及uniapp自带ui组件内部元素


http://www.kler.cn/a/587377.html

相关文章:

  • 【推荐项目】052-用水监控管理系统
  • MAC地址IP地址如何转换?
  • 【Linux我做主】基础命令完全指南上篇
  • 从0到1构建AI深度学习视频分析系统--基于YOLO 目标检测的动作序列检查系统:(2)消息队列与消息中间件
  • SpringCloud系列教程(十四):Sentinel持久化
  • element 的tab怎么动态根据参数值添加一个vue页面
  • LeetCode 解题思路 17(Hot 100)
  • Android 自定义数字键盘实现教程
  • POCO F4刷机color 15
  • WSL2 Ubuntu安装GCC不同版本
  • 剑指 Offer II 087. 复原 IP
  • 计算机:基于深度学习的Web应用安全漏洞检测与扫描
  • kong搭建一套微信小程序的公司研发环境
  • 编译OpenSSL
  • 机器学习 : 训练过程
  • 1688按图搜索商品(拍立淘)接口的参数说明【附代码实例】
  • 77.HarmonyOS NEXT ImageViewerView 组件深度剖析: Swiper容器与懒加载深度解析
  • OpenBMC:BmcWeb添加路由1 getParameterTag
  • AI 直播盈利全攻略:借助智能技术实现收入自动化增长
  • 工厂方法模式 (Factory Method Pattern)