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

uniapp-x 子组件样式覆盖

 不支持scoped

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

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

的确如此

自带页面样式隔离

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

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

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

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

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

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

对于第三方ui库的拓展

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

相关文章:

  • [笔记.AI]数据集——大模型的“教科书” | 数据集的细分、作用和意义
  • 高德地图猎鹰服务调用指南(Java后端)
  • postman通过json获取接口返回token,设置为全局变量
  • Unity插件-适用于画面传输的FMETP STREAM使用方法(一)FMETP STREAM介绍
  • 安全相关Python脚本
  • 【leetcode hot 100 108】将有序数组转换为二叉搜索树
  • 工厂方法模式 (Factory Method Pattern)
  • 人工智能之数学基础:保持几何结构不变的线性变换——正交变换
  • 查找Python环境中Matplotlib配置文件
  • 计算机的结构形式
  • 《Flutter:开源的跨平台移动应用开发框架》:此文为AI自动生成
  • 激活函数和批归一化(BatchNorm)
  • 数位小游戏
  • Vue生命周期_Vue生命周期钩子
  • 使用SetupTools 管理你的项目打包工作
  • 【后端开发面试题】每日 3 题(十三)
  • redis删除与先判断再删除的区别
  • 996引擎-问题处理:缺失特效分割文件 ModelAtlasSplitConfigs
  • 解锁下一代AI应用:开源项目mcp-server-qdrant如何重塑向量数据库管理?
  • 我与DeepSeek读《大型网站技术架构》- 总结
  • 特朗普促卡塔尔说服伊朗放弃核计划,伊朗总统:你来吓唬我们?
  • 经常口干口渴的人,要当心这些病
  • 山东市监局回应“盒马一批次‘无抗’鸡蛋抽检不合格后复检合格”:系生产商自行送检
  • 安徽省委常委、合肥市委书记费高云卸任副省长职务
  • 国产水陆两栖大飞机AG600批产首架机完成总装下线
  • 美英贸易协议|不,这不是一份重大贸易协议