uniapp 设置背景图像

2023-05-16

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(使用前将#替换为@)

uniapp 设置背景图像 的相关文章

随机推荐