微信小程序 编译错误:“本地资源图片无法通过WXSS 获取,可以使用网络图片,或者 base64,或者使用标签” 解决方案

“本地资源图片无法通过WXSS 获取,可以使用网络图片,或者 base64,或者使用标签” 解决方案
————————————————

报错信息:

微信小程序 编译错误:“本地资源图片无法通过WXSS 获取,可以使用网络图片,或者 base64,或者使用标签” 解决方案_第1张图片

源码所在位置:

.course-grp-name text{
  font-size: 30rpx;
  line-height: 50rpx;
  color: #000 ;
  padding-left: 30rpx;
  background:url("../../images/section_title_tip.png") left no-repeat;
}

解决方案:

在源码中,我们可以看到图片名为“section_title_tip.png”,我们需要将此图片转换为base64,然后将其复制到background的属性中。

具体方法如下:

  1. 首先复制文件夹images下的section_title_tip.png图片;
  2. 打开图片转base64,将图片复制到文本框里进行转换,然后复制转换后的值;
    微信小程序 编译错误:“本地资源图片无法通过WXSS 获取,可以使用网络图片,或者 base64,或者使用标签” 解决方案_第2张图片
  3. 然后将值替换到background的属性中("…/…/images/section_title_tip.png");
    微信小程序 编译错误:“本地资源图片无法通过WXSS 获取,可以使用网络图片,或者 base64,或者使用标签” 解决方案_第3张图片
  4. 重新编译一下,完美解决!

你可能感兴趣的:(错误解决方案,微信小程序)