日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

UNI-APP,動態設置view的背景圖片

作者:滄海龍騰LV 更新時間: 2024-02-28 編程語言
<view class="loginBg" :style="{backgroundImage: 'url(' + imageURL + ')',
  'background-repeat':'no-repeat', backgroundSize:'100% 100%'}">										
</view>

這里需要在data中定義一下

export default {
?? ??? ?data() {
?? ??? ??? ?return {
?? ??? ??? ?//此處如果是寫死圖片 可以直接像我這樣寫上 如果要拿后臺渲染也可以直接空白 不寫圖片地址?
?? ??? ??? ?//我在這里寫上 如果后臺沒有返回圖片 我可以只寫顯示這張默認圖片
?? ??? ??? ??? ?imageURL:'http://sjbz.fd.zol-img.com.cn/t_s1080x1920c/g3/M02/0E/0D/ChMlV17oT-6IZ0ZcACCEJ-b0kqYAAU0mQJzD-4AIIQ_684.jpg',
?? ??? ??? ?};
?? ??? ?},
?? ?}

示例

<view v-else class="video-pr bg-pt" :style="{backgroundImage: 'url(' + item.prc + ')'}"></view>
.video-pr{
			width: 710rpx;
			height: 400rpx;
		}
		
		.bg-pt{
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}

示例2

<view v-else class="video-pr bg-pt" :style="[{'background-image':'url('+ item.prc +')' }]">
</view>

完!!!
?

原文鏈接:https://ly9527.blog.csdn.net/article/details/123128603

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新