E企盈营销工具技术服务商 热线:4006-838-530

微信小程序背景图片无法在手机上显示

E企盈直播平台营销卖货系统

一:将图片在网站上转换为base64格式,然后再设置    【将图片转换为base64网站】http://imgbase64.duoshitong.com/ .userInfo{    width: 800rpx;      /*高宽大小根据个人情况自己调试*/    height: 1150rpx;    background-repeat:no-repeat; /** 不重复*/    background-size:contain; /**等比例缩放*/    background-image: url(‘data:image/png;base64,base64码’);}二:用JS的方式转换wxml代码: <view class=’userInfo’ style=’background-image: url({{background}});’>      </view>JS代码:  data: {    background: “/images/small.png”,  },  onLoad: function () {    let base64 = wx.getFileSystemManager().readFileSync(this.data.background, ‘base64’);    this.setData({      ‘background’: ‘data:image/png;base64,’ + base64    });}

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序背景图片无法在手机上显示
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏