css uniapp動態設置背景圖和按鈕去掉默認背景色

1.動態設置背景

注意本地圖片路徑要~@開頭，並且是相對路徑,如果是線上路徑就無所謂 直接寫路徑就行了

 

 代碼

:style="{backgroundImage:`url(${isZhiBo?contentBacStar:contentBacStop})`}"

background-size: 100%;
background-repeat: no-repeat;

contentBacStar:"~@../../static/img/zhibo1.png",
contentBacStop:"~@../../static/img/zhibo2.png",

如果給背景圖的盒子設置了高 那么樣式就這樣寫

height: 408rpx;
background-size: 100% 100%;
background-repeat: no-repeat;

2.去掉button的默認背景色

background-color:transparent;