網站首頁 編程語言 正文
<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
- 上一篇:沒有了
- 下一篇:沒有了
相關推薦
- 2022-04-09 如何利用python提取字符串中的數字_python
- 2022-07-04 Python迭代器的實現原理_python
- 2022-03-04 如何在uni-app中選擇一個合適的UI組件庫
- 2022-11-22 Python?arrow模塊使用方法_python
- 2022-09-13 一文詳解C語言中文件相關函數的使用_C 語言
- 2022-12-10 Python直接賦值與淺拷貝和深拷貝實例講解使用_python
- 2022-07-13 Docker的數據管理
- 2022-07-27 Python中的collections集合與typing數據類型模塊_python
- 欄目分類
-
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支