小程序设置背景图

2022-03-28  本文已影响0人  路尔轩

微信小程序设置设置本地背景图,大于40kb时不显示。
解决方法:
1、换成线上地址

background-image: url("https://xxx.png") // 线上图片地址

2、使用线上转码将图片转成base64文本格式

background-image: url("data:image/png;base64,iVBORw0KGgo=...")

3、uni.getFileSystemManager().readFileSync() 转码

data() {
        return {
            pageImg: '/static/image/xxx.png' // 本地图片地址
        };
    },
computed: {  
        base64PageImg: function() {  
            let that = this;  
            let base64Img = uni.getFileSystemManager().readFileSync(that.pageImg, "base64");//转码  
            return 'data:image/png;base64,' + base64Img//拼接后返回  
        }  
    },
上一篇 下一篇

猜你喜欢

热点阅读