uniapp 循环背景 background-image
uniapp vue 循环加background-image
·
这里写自定义目录标题
uniapp 循环v-for 背景 background-image
<view v-for="(item, index) in falist" :key="index" class="bg-img bg-mask flex align-center image-item margin-top"
:style="{backgroundImage:'url(' + getSrc(item.image)+ ')',backgroundRepeat:'no-repeat',backgroundSize: 'cover'}">
<view class="padding-xl text-white">
<view class="padding-xs text-xxl text-bold">
{{item.name}}
</view>
<view class="padding-xs text-lg">
<!-- {{item.number}} -->
</view>
</view>
</view>
getSrc(image){
let array =image.split(",");
let url = api.getFileAccessHttpUrl(array[0]);
return url
}
更多推荐
已为社区贡献1条内容
所有评论(0)