在使用vant coupon时候,优惠券数量为零时候会进入缺省页状态,然后应要求要修改缺省状态的文字描述,在组件属性里面找了也没法有这个可以更改的属性参数。然后再网上找了关于coupon的信息,发现都没有自己想要的。自己也去翻了vant源码找到coupon这块代码,但是自己不知道怎么修改还是没作用。最后突然想到css不就可以更改添加文字内容嘛!
.van-coupon-list__empty p{
font-size: 0 !important;
}
.van-coupon-list__empty p::before{
display: block !important;
content: '他我哭' !important;
font-size: 14px !important;
margin: 16px 0;
color: #969799;
line-height: 20px;
}
虽然暂时解决了问题,但是这不是我最终想要的答案,还是的继续学习