feat(specialAreaDetail): 商品详情视频主图处理

pages/specialArea/details.vue

@@ -156,7 +156,7 @@
       <view class="pop_a">
         <view class="pop_tt">
           <view class="pop_t">
-            <img :src="imgUrlList[1]" alt="" />
+            <img :src="imgUrlList[0]" alt="" />
             <view>{{
               goodDetail.goodsPrice | numberToCurrency | isLocal
             }}</view>
@@ -251,6 +251,7 @@ export default {
       isWidth: 375,
       pkCountry: 1,
       countDown: "",
+      bannerImgList: []
     };
   },
  
@@ -267,11 +268,11 @@ export default {
   },
   computed: {
     ...mapGetters(["user", "shopCarLength"]),
-    bannerImgList() {
-      const list = this.imgUrlList.map(item => item)
-      list.splice(1,1)
-      return list
-    }
+    // bannerImgList() {
+    //   const list = this.imgUrlList.map(item => item)
+    //   list.splice(1,1)
+    //   return list
+    // }
   },
   methods: {  
     toIndex() {
@@ -359,7 +360,6 @@ export default {
           // this.goodDetail.sales = sl
           // this.mainImgUrl = res.data.videoUrl
           this.imgUrlList = [
-            res.data.videoUrl,
             res.data.cover,
             res.data.cover1,
             res.data.cover2,
@@ -368,9 +368,21 @@ export default {
             res.data.cover5,
             res.data.cover6,
           ];
+          this.bannerImgList = [
+            res.data.videoUrl,
+            res.data.cover1,
+            res.data.cover2,
+            res.data.cover3,
+            res.data.cover4,
+            res.data.cover5,
+            res.data.cover6,
+          ];
           this.imgUrlList = this.imgUrlList.filter(
             (item) => item && item.trim()
           );
+          this.bannerImgList = this.bannerImgList.filter(
+            (item) => item && item.trim()
+          );
           this.goodDetail.productParams.forEach((item, index) => {
             item.waresItemsParamsList.forEach((ctem, cndex) => {
               ctem.quantity = 0;