在使用vant coupon時(shí)候抖格,優(yōu)惠券數(shù)量為零時(shí)候會(huì)進(jìn)入缺省頁(yè)狀態(tài)钝腺,然后應(yīng)要求要修改缺省狀態(tài)的文字描述龄捡,在組件屬性里面找了也沒(méi)法有這個(gè)可以更改的屬性參數(shù)啦辐。然后再網(wǎng)上找了關(guān)于coupon的信息谓传,發(fā)現(xiàn)都沒(méi)有自己想要的。自己也去翻了vant源碼找到coupon這塊代碼芹关,但是自己不知道怎么修改還是沒(méi)作用续挟。最后突然想到css不就可以更改添加文字內(nèi)容嘛!
e938b2e749ce5192c6e9bd7e1a7bc9a.jpg
.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;
}
image.png
雖然暫時(shí)解決了問(wèn)題侥衬,但是這不是我最終想要的答案诗祸,還是的繼續(xù)學(xué)習(xí)