uniapp设置背景图像方法如下,兼容android APP
<view class="outer" :style="{background: 'url(' + APPSET.bgUrl + ') no-repeat '+APPSET.bgColor ,'background-size':bgsize }">
</view>
<script>
export default {
data() {
return {
APPSET:{
'bgUrl' : 'http://****/bg_20221223000837A001.jpg',
'bgColor' : '#AAC8E0',
'bgsize' : '100% auto',
},
}
}
}
</script>
之所以要把背景的大小等其它属性也设置为动态,
是为了让渲染背景所有属性时,在同时渲染,这样才能对背景图像的大小进行有效控制。
否则可能设置到css里可能属性不生效。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)