小程序Vant Weapp标题栏更改size=“large“无效

wujinxia

已于 2022-04-30 16:12:20 修改

阅读量860

点赞数

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

于 2022-04-23 21:24:52 首次发布

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

版权

7 篇文章

订阅专栏

本文探讨了在微信小程序中使用Vant Weapp组件时遇到的设置size='large'无效的问题，特别是针对Collapse折叠面板。内容提到了官方样式覆盖，并指出尽管官方文档未明确提及，但可以通过title-class和插槽来实现自定义样式。

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

不知道为啥vant-weapp有些更改它自己提供的参数会无效，比如在使用Collapse 折叠面板的时候使用size="large"无效
在这里插入图片描述
参考vant-weapp样式覆盖

wxml中：

<van-collapse-item 
    title = "标签1"
    title-class="title-large"
    name="1" class="van-collapse-item">
    内容
</van-collapse-item>

wxss中：

.title-large{
  font-size: 16px !important;
}

专门翻了一下，vant-weapp官方的size="large"为font-size = 16px

题外话：
虽然官方文档里Collapse 折叠面板没有title-class，但试了一下可以，估计是在vant-cell的样式上编写的。
以及用插槽也是可以实现的

<van-collapse-item name="1" class="van-collapse-item">
	<view slot="title">
		<view class="title-large">标签</view>
	</view> -->
</van-collapse-item>