小程序Vant Weapp中的Cell单元格组件更改样式

wujinxia

已于 2022-04-30 16:14:36 修改

阅读量4.6k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序 vant weapp

于 2022-03-29 08:53:00 首次发布

本文链接：https://blog.youkuaiyun.com/wujinxia/article/details/123811153

版权

7 篇文章

订阅专栏

在Vant Weapp的小程序开发中，遇到单元格Cell组件样式修改的问题。通常，外部样式类可能无法生效，但通过在样式中加入!important可以确保样式优先级，从而成功更改组件样式。例如，为使步进器靠左，可在对应的样式规则中添加!important。此方法源于社区中其他开发者的经验分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

感觉vant weapp有点傻，偶尔可以用外部样式类进行更改样式，偶尔又不行
vant weapp给的外部样式类
本来想实现单元格加步进器的功能，需要将步进器靠左，修改了class，custom-class或者value-class都没有用。

后面参考一位大佬的评论，使用class，并在需要的样式里面加上!important就可以进行更改

!important使属性值有最高优先级
选择器 {样式：值 !important}

/* 使van-cell单元格的value内容靠左对齐 */
.van-cell__stepper{
  min-width: 80%;
  text-align: left !important;
}