文件中的本地資源圖片沒法經過 WXSS 獲取,可使用網絡圖片,或者 base64,或者使用image標籤

一、錯誤描述html

VM3930:1 pages/def/def.wxss 中的本地資源圖片沒法經過 WXSS 獲取,能夠使用網絡圖片,或者 base64,或者使用<image/>標籤。請參考文檔:https://developers.weixin.qq.com/miniprogram/dev/qa.html#%E6%9C%AC%E5%9C%B0%E8%B5%84%E6%BA%90%E6%97%A0%E6%B3%95%E9%80%9A%E8%BF%87-wxss-%E8%8E%B7%E5%8F%96
  1 | .nav{
  2 |   background: url('../../images/header-bg.png')
> 3 | }
    |  ^
  4 | 
  5 | .nav .cu-item{
  6 |   margin: 0 20rpx;

二、錯誤描述網絡

      def.wxssxss

.nav{
  background: url('../../images/header-bg.png')
}

.nav .cu-item{
  margin: 0 20rpx;
  padding: 0 30rpx;
}

.cu-item{
  width: 160rpx;
}

    def.wxmlurl

<scroll-view scroll-x class="bg-green nav text-center">
  <view class="cu-item {{0==TabCur?'text-white cur':''}}" bindtap="tabSelect" data-id="0">
    <text class="cuIcon-camerafill"></text>A
  </view>
  <view class="cu-item {{1==TabCur?'text-white cur':''}}" bindtap="tabSelect" data-id="1">
    <text class="cuIcon-upstagefill"></text>B
  </view>
  <view class="cu-item {{2==TabCur?'text-white cur':''}}" bindtap="tabSelect" data-id="2">
    <text class="cuIcon-clothesfill"></text>C
  </view>
</scroll-view>

三、解決辦法code