vant Weapp中 Cell单元格修改样式

目的:将前面这种原生态的Cell 的背景变成透明的

在这里插入图片描述

遇到的问题:

1.在样式文件中,无法指定类名,即使用了.van-cell,无法修改

在这里插入图片描述

2.使用调试器定位样式位置时,发现原背景样式被画了横线(这是由于样式被优先级更高的覆盖了),把上面的背景样式关掉,再把下面的背景样式关掉,就会发现达到目的了。

在这里插入图片描述

解决问题:

Step1:看官方文档的外部样式类,这是规定了该种组件类名的命名规范,而不能直接用 class命名。所以要根据外部样式类的命名来对组件进行命名,这样才能在样式文件中进行指定,解决了问题1.

在这里插入图片描述

Step2:在样式文件中进行背景隐藏,注意一定要加 !important

在这里插入图片描述解决!

猜你喜欢

转载自blog.csdn.net/qq_41168765/article/details/130022359