求助各路大神,我现在的项目原本是不开自定义组件模式的,有些地方用/deep/修改了子组件样式的,现在不得不开了自定义组件模式,结果H5端还好的,微信小程序端样式无效了,有什么好方法解决吗?组件是重复利用的,不能动组件样式。
7***@qq.com
- 发布:2019-05-21 17:56
- 更新:2021-01-30 15:47
- 阅读:8296
5 个回复
张张张啊 - 90后IT男
请问你在app端 微信小程序可以用吗 /deep/ 在h5可以用 但是其他用不了
7***@qq.com (作者) - 机械从业未半而中道写了代码
已解决,在页面的style里穿透组件是可以的,之前没开自定义组件模式,所以在组件中穿透了下一级组件,现在把样式在页面中穿透,多写上父组件中的class名就可以了
aliang888
请问,怎么在父页面里定义的样式,覆盖到子组件页的同名样式呢?
2019-06-26 11:05
7***@qq.com (作者)
回复 aliang888: 使用深度选择器,我不太清楚你的具体情况,你可以搜索关键字“vue”,"scoped",“深度选择器”
2019-06-26 11:37
aliang888
回复 7***@qq.com: 谢谢啦,问题解决了,昨天自己脑子突然想到用vue在百度搜索,而不是uniapp,就找到一堆文章了,跟你说的一样,问官方QQ群没有一个人理,让我纠结了好久,还想着组件不能重写样子,那多不方便 :)
2019-06-27 09:38
落花时节
回复 aliang888: 大锅啊 解决了 可以把方法放上来啊!!!!
2019-07-01 14:51
aliang888
回复 落花时节:百度一下: vue scoped 深度作用选择器
2019-07-12 14:07
8***@qq.com
回复 aliang888: 我是按着那种写法写的还是没有解决问题.....
2019-08-17 17:09
8***@qq.com
回复 aliang888: 你能说下你是怎么解决的吗?
2019-08-19 20:54
8***@qq.com
回复 落花时节: 哥们你解决了吗?我这里小程序一直没有解决....3天了
2019-08-19 20:54
一休111
回复 845572627@qq哥们你解决了么
2020-01-03 15:25
知行合一 - 承接PHP、WEB前端、API开发等业务(VX:puhuanet)
.input >>> .custom-placeholder-class {
color: #FF3333;
}
在 H5 平台组件特有的 class 属性生效的办法
2***@qq.com - 前端工程师
在微信小程序里, /deep/, 不起作用, 有谁在微信小程序里解决了这个问题啊 ?
7***@qq.com (作者)
我记得,在页面文件里,less下使用/deep/是有效的,组件里和scss/sass都是无效的,当前版本就不清楚了。本身穿透样式就属于scoped的例外,还是尽量别用,如果要控制组件样式,props等方法会好点。
2020-01-09 16:11
DCloud_UNI_LXH
可以看这个帖子的回答
https://ask.dcloud.net.cn/question/73797