方式一
<view class="box" >内容</view>
data(){
return {
}
}
<style lang="scss" scoped>
// $img:'@/static/demo.png'; // 本地图片
$img:'https://abc.com/demo.png'; // 在线图片
.box {
width: 30rpx;
height: 30rpx;
background-image: url($img);
}
</style>
方式二
<view class="box" :style="{ backgroundImage: 'url(' + img + ')' }">内容</view>
data(){
return {
// 本地图片
img:require('@/static/demo.png'),
// 在线图片
// img:'https://abc.com/demo.png',
}
}
