-- 輪播圖片無法觸屏滑動

 

原因：暫時沒找到。。

解決方案：在圖片外加一層div，將背景換成輪播圖片的路徑，並將圖片隱藏並占位。

 

 

<div
  v-if="showpath(item) === 'img'" // 因為我的輪播不只有圖片，所以加了if語句
  class="wi-item-img"
  :style="`background: url('${輪播圖片的路徑}') 100%/100% no-repeat`"
>
  <img :src="輪播圖片的路徑" class="wi-item-img placeholder" />
</div>

.placeholder {
  visibility: hidden;
}

 

期間遇到的問題：

1）背景圖片不展示，img路徑沒問題。

原因：背景設置有問題，url應添加引號。

 

 2）背景圖片不展示，img路徑有問題。

原因：域名與圖片路徑拼接有問題，或圖片本身有問題。