0


uniapp 设置背景图像

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里可能属性不生效。

标签: uni-app vue.js 前端

本文转载自: https://blog.csdn.net/yfx000/article/details/129182285
版权归原作者 yfx000 所有, 如有侵权,请联系我们删除。

“uniapp 设置背景图像”的评论:

还没有评论