修改背景透明度

@@ -124,4 +124,10 @@ export default {
   border-top-right-radius: 25px;
 }
 
+.cube-image-preview {
+  .cube-popup-mask {
+    opacity: 0.9 !important;
+  }
+}
+
 </style>

@@ -4,7 +4,11 @@
     <div class="articles-container">
       <p class="title">推荐搭配({{articleTotal}})</p>
       <ul>
-        <li v-for="item in articleList" @click="showAricleImages" :data-id="item.articleId" :data-index="item.imageindex">
+        <li v-for="(item, index) in articleList"
+            @click="showAricleImages"
+            :data-id="item.articleId"
+            :data-index="item.imageindex"
+            :data-idx="index">
           <img v-lazy="item.coverImage">
         </li>
       </ul>
@@ -44,9 +48,6 @@ export default {
       return this.listdata.list;
     }
   },
-  activated() {
-
-  },
   methods: {
     ...mapActions(['fetchGrassArticleImages']),
     showAricleImages(e) { // 点击推荐小图展示文章内大图
@@ -61,6 +62,29 @@ export default {
           this.initialIndex = i;
         }
       }).show();
+
+      // yas
+      /**
+       * 图片点击时
+       * XY_GDS_DT_ARTICLE_C
+       * 1.PRD_SKN:商品SKN
+       * 2.ARTICLE:文章ID
+       * 3.I_INDEX:顺序号
+       */
+      let articleId = e.currentTarget.dataset.id;
+      let index = e.currentTarget.dataset.idx;
+      let param = {
+        PRD_SKN: this.productId,
+        ARTICLE: articleId,
+        I_INDEX: +index + 1
+      };
+
+      this.$store.dispatch('reportYas', {
+        params: {
+          appop: 'XY_GDS_DT_ARTICLE_C',
+          param,
+        }
+      });
     },
   }
 };