兑换商城，商品详情

src/components/taskPage/IceCream/shoppingMall.vue

@@ -80,6 +80,7 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
+  cursor: pointer;
 }
 .shoppingMall .content .item .bottom{
   background-color: white;
@@ -181,7 +182,7 @@
               <div class="img_box">
                 <img :src="item.imgs[0]" alt="">
               </div>
-              <span class="info" :title="item.name">{{item.name}}</span>
+              <span class="info" @click="goDetails(item.id)" :title="item.name">{{item.name}}</span>
               <span class="_d">可兑换：<span>{{item.residue}}次</span></span>
             </div>
             <div class="bottom">
@@ -200,7 +201,6 @@
                   <span v-if="item.residue < 1" class="no_dui">兑换</span>
                   <span v-else @click="setExchangeGoods(item.id)">兑换</span>
                 </template>
-                
               </div>
             </div>
           </el-col>
@@ -219,6 +219,10 @@ export default {
       hoverBank: 1,
     }
   },methods:{
+    // 跳转商品详情
+    goDetails: function (id) {
+      this.$router.push({ path: 'productDetail', query: {id: id}})
+    },
     //  兑换
     setExchangeGoods: function (goodsId) {
       let msg = {