vant Weapp中 Cell单元格修改样式

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

vant Weapp中 Cell单元格修改样式_第1张图片

遇到的问题:

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

vant Weapp中 Cell单元格修改样式_第2张图片

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

vant Weapp中 Cell单元格修改样式_第3张图片

解决问题:

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

vant Weapp中 Cell单元格修改样式_第4张图片

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

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

你可能感兴趣的:(前端,javascript,微信小程序)