vant-weapp 有赞小程序外部样式custom-class使用方式

本文介绍了在微信小程序中使用 vant-weapp 组件库时,如何通过 custom-class 属性自定义样式。作者作为后端程序员,经历了尝试与摸索,最终找到了正确的方法。举例说明了为 van-col 设置 custom-class 并在 wxss 文件中应用样式,以此类推,title-class 和其他组件的 custom-class 同理。
摘要由CSDN通过智能技术生成

外部样式类
如图所示,每个组件都有很多的外部样式类,那么这些外部样式类是如何使用的?官方也没个具体说法,百度也找不到具体的讲解,这让一个后端程序员看着非常的头疼,不过还好,经过的不断的尝试与摸索,终于找到了如何正确使用这些外部样式类的方法。

以custom-class举个例子,比如我现在要修改van-col的样式,我可以这样:

<van-col span="8" custom-class="desc_info">任务说明</van-col>

然后在wxss文件中使用:
.desc_info即可控制col 的样式。
那么title-calss也就类似了,其他的也是一样的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

php全栈小白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值