商品详情

@@ -2,7 +2,7 @@
     <div class="image-carousel">
     <div class="image-carousel">
         <swipe :continuous="false" :auto="0" :show-indicators="goods && goods.length > 1">
         <swipe :continuous="false" :auto="0" :show-indicators="goods && goods.length > 1">
             <swipe-item v-for="item in goods">
             <swipe-item v-for="item in goods">
-                <a href="#" title="{{item.title}}">
+                <a href="javascript:void(0);" title="{{item.title}}" @click.prevent="showcase()">
                     <img :src="item.colorImage | resize 750 1000" width="100%" alt="">
                     <img :src="item.colorImage | resize 750 1000" width="100%" alt="">
                 </a>
                 </a>
             </swipe-item>
             </swipe-item>
@@ -41,6 +41,7 @@
 </style>
 </style>
 <script>
 <script>
     const swipe = require('yoho-vue-swipe');
     const swipe = require('yoho-vue-swipe');
+    const yoho = require('yoho');
 
 
     require('common/vue-filter');
     require('common/vue-filter');
 
 
@@ -49,11 +50,24 @@
             goods: [Object]
             goods: [Object]
         },
         },
         data() {
         data() {
-            return {};
+            return {
+            };
         },
         },
         components: {
         components: {
             swipe: swipe.Swipe,
             swipe: swipe.Swipe,
             swipeItem: swipe.SwipeItem,
             swipeItem: swipe.SwipeItem,
+        },
+        methods: {
+            showcase: function() {
+                const opts = {
+                    images: this.goods.map((item)=> {
+                        return item.colorImage;
+                    }),
+                    index: 0 // TODO: 活动下标无法获取
+                };
+
+                yoho.goImageBrowser(opts);
+            }
         }
         }
     };
     };
 </script>
 </script>