Rumah  >  Artikel  >  hujung hadapan web  >  uniapp如何设置view背景图

uniapp如何设置view背景图

coldplay.xixi
coldplay.xixiasal
2020-12-08 16:39:0115960semak imbas

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>

相关免费学习推荐:编程视频

Atas ialah kandungan terperinci uniapp如何设置view背景图. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:uniapp如何封装公用方法Artikel seterusnya:uniapp如何设置代理