uniapp如何設定view背景圖

uniapp設定view背景圖的方法：可以透過設定view的background或【background-image】屬性來實現，程式碼為【

本教學操作環境：windows7系統、uni-app2.5.1版本、Dell G3電腦。

建議（免費）：uni-app開發教學

#uniapp設定view背景圖的方法：

#可以透過設定view的background或background-image屬性來實現：

<template>
<view class="content" :style="{background: &#39;url(&#39;+imageURL+&#39;)&#39;}">
<!-- 如果是设置background-image则写成：<view class="content" :style="{backgroundImage:                             
        &#39;url(&#39;+imageURL+&#39;)&#39;}"> -->
</view>
</template>
 
<script>
export default {
data() {
return {
imageURL: &#39;/static/navigation/validCode_back.png&#39;
};
}
}
</script>

登入後複製

相關免費學習推薦：程式設計影片

以上是uniapp如何設定view背景圖的詳細內容。更多資訊請關注PHP中文網其他相關文章！