微信小程序设置背景图片在手机端不显示的问题

<view class="connect" style="background-image: url(/static/wifi_bgc.png);background-size: 100% 100%;">
</view>

问题: 在编辑器里面正常显示没有问题,真机调试里面和测试版就不显示该背景图片

处理方法:
1 使用网络地址的图片,方法不用说
2 使用base64格式

使用方法,在下方网址中上传图片即可

base64图片在线转换工具 - 站长工具

<view class="connect" style="background-image: url('data:image/png;base64,iVBO......lYII=');background-size: 100% 100%;">
</view>
// iVBO......lYII= 就是base64格式

微信小程序设置背景图片在手机端不显示的问题相关推荐

微信小程序设置背景图片
经常为微信小程序设置颜色背景,突然发现一张好看的图片怎么把它设置为背景呢? 以下总结了三种方法: css中通过url获取网络图片微信小程序中不能使用本地图片 background-image:url ...
微信小程序——设置背景图片
项目希望实现如上效果, 使用vant的picker组件而源码是这样的: <viewclass="van-picker__cancel"hover-class="v ...
微信小程序设置背景图片不显示问题解决方法
最近开发小程序的过程中遇到了这样一个小问题,在wxss文件中通过background设置背景图片,要实现背景图片上显示文字的效果,发现背景图片不显示,设置背景图片的代码如下: .test {width ...
微信小程序：背景图片在电脑可以显示，真机测试时无法显示
最近做小程序项目发现背景图片在电脑上可以显示 ,真机调试时就不显示 ,问了一下度娘转为base64或者网络地址图片就可以了. Page({data: {"image" : &quo ...
微信小程序设置本地图片的背景，开发工具可以，手机端不显示
let base64 = wx.getFileSystemManager().readFileSync('/images/videoCover.jpg', 'base64') this.setData ...
微信小程序页面背景图片设置
微信微信小程序页面背景图片background-image使用及大小设置源代码//index.wxss page{ background-size:100% 100%; background-ima ...
微信小程序设置背景图的几种方式
微信小程序设置背景图的几种方式原本在html中可以通过background-image来设置背景图片 .page {width: 100%;height: 100%;background-size: ...
为什么微信小程序里的图片在电脑上显示在手机上不显示？
<image class='carousel' src="/images/图片301@2x.png"></image> 电脑上显示图片,但手机上是空白的 & ...
微信小程序设置本地图片为背景图
微信小程序通过wxss进行设置背景图报错经查询,发现微信小程序中,将网络图片或base64图片设置为背景图片可正常显示,将本地图片设置为背景图片则不能显示,解决方法有三种,个人采用的是第三种方法 ...

微信小程序设置背景图片在手机端不显示的问题

微信小程序设置背景图片在手机端不显示的问题相关推荐

最新文章

热门文章