vant Weapp中 Cell单元格修改样式

最新推荐文章于 2024-07-04 15:06:56 发布

孤独的马铃薯

最新推荐文章于 2024-07-04 15:06:56 发布

阅读量2.6k

点赞数 2

文章标签：前端 javascript 微信小程序

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_41168765/article/details/130022359

版权

文章讲述了如何解决在样式文件中无法指定类名修改Cell背景以及背景样式被更高优先级覆盖的问题。通过查阅官方文档，了解外部样式类命名规范，然后根据规则命名并在样式文件中添加背景隐藏的样式，同时使用!important提高优先级，成功实现Cell背景变为透明。

摘要由CSDN通过智能技术生成

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

在这里插入图片描述

遇到的问题：

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

在这里插入图片描述

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

在这里插入图片描述

解决问题：

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

在这里插入图片描述

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

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

孤独的马铃薯

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
vant Weapp中 Cell单元格修改样式

van-cell。
复制链接

扫一扫

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。