首页 前端知识 样式穿透和uniapp下的uni_modules里面组件的样式

样式穿透和uniapp下的uni_modules里面组件的样式

2024-06-21 00:06:16 前端知识 前端哥 124 802 我要收藏

一、原因

1、使用 scoped 后,父组件的样式将不会渗透到子组件中

2、scoped作用:避免样式污染

二、解决方案:样式穿透(修改子组件的默认样式)

1、::v-deep (必须是双冒号)【建议使用此方案:/deep/在某些时候会报错,::v-deep更保险且编译速度更快

2、/deep/

三、写法

1、vue3

::v-deep(.el-icon){ height: inherit; }

/deep/ .el-icon{ height: inherit; }

2、uniapp

::v-deep .uni-input-input {}

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13046.html
标签
评论
发布的文章

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!