vant weapp cell 修改value 的样式

php全栈小白

于 2022-04-05 20:17:10 发布

阅读量2.6k

点赞数 3

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/Z_PTOPONE/article/details/123976165

2 篇文章

订阅专栏

本文主要介绍如何在微信小程序中，针对 vant weapp 组件库的 cell 组件，自定义 value 的样式。通过添加自定义类名，并定位到子节点，使用 !important 强制覆盖默认样式，从而实现特定 cell value 样式的修改，而不会影响全局。

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

<view>
  <van-cell-group inset>
    <van-cell class="myCell" title="管理已提交文件" is-link value="{{1}}人 {{2}}份" />
  </van-cell-group>
</view>

.myCell>.van-cell>.van-cell__value {
  color: rgb(60, 60, 241) !important;
}

重点：

此方式不会修改页面中的全部cell的value样式