doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:7047回复:0

[微信小程序]wxss 中的本地资源图片无法通过

楼主#
更多 发布于:2019-12-25 15:29
在写微信小程序时,设置背景样式时。
报如下错误:

VM3534:1 pages/resource/resource.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用<image/>标签代码如下:
.section{
height: 100%;
background: url(../../images/bg_02.jpg) no-repeat 50% 0% /100% 100%;
}
原来微信小程序,不支持本地路径
1.要实现本地路径,需要将图片转为base64的格式.
background-image: url("data:image/jpg;base64,/9j/4QMZR...");

2.使用网络地址
background-image: url("https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1577258876&di=9b4a6aa78c8bb1a11dc46e27910db880&src=http://b-ssl.duitang.com/uploads/item/201501/17/20150117161225_4Rvnw.thumb.700_0.jpeg");
参考:https://blog.shuipingguo.com/2019-09/01-miniapp-wxss-image.html
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号