- pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用标签。
解决办法:
1、 转为base64格式使用
base64格式转换网址: base64格式转换网址
.wxss文件中
.xxxx{
background-image:url("")
2、使用图片的网络地址
.wxss文件中
.xxxx{
background-image:url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201612%2F11%2F20161211094511_HWVue.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668675961&t=275e5af9a4e86325ce263a6e6aa8da9c")
3、写成内联样式
<view style="background-image: url('/images/user/bf.jpg')"></view>
4、通过image标签
<image src="/images/user/bf.jpg"></image>
<view class="content">~hello~world~</view>
将image标签通过定位实现背景图的效果