跳转更多页

zhiyangdu
1 parent 12c9a7d7
Showing 2 changed files with 47 additions and 0 deletions
src/pages/pointsMall/pointsMall.less
src/pages/pointsMall/pointsMall.vue
@@ -166,6 +166,19 @@
       background: #999999;
       margin: 0 16px;
     }
+    .more{
+      display: flex;
+      flex: 1;
+      justify-content: flex-end;
+      align-items: center;
+      font-size: 24px;
+      color: #999999;
+      img{
+        display: block;
+        width: 22px;
+        height: 22px;
+      }
+    }
   }
   // 为你推荐
   .list-box {
@@ -52,6 +52,7 @@
               <!-- 分割线 -->
               <div class="line"> </div>
               <div class="item">满减红包 精品推荐</div>
+              <div @click="toMore(1)" class="more">更多<img src="static/img/icon_more_arrow_right.png"alt=""/></div>
             </div>
             <!-- 为你推荐商品列表 -->
             <div class="list-box">
@@ -70,6 +71,7 @@
                 <!-- 分割线 -->
                 <div class="line"> </div>
                 <div class="item">热门商品 精品推荐</div>
+                <div @click="toMore(1)" class="more">更多<img src="static/img/icon_more_arrow_right.png"alt=""/></div>
               </div>
               <!-- 实物商品裂变 -->
               <!-- 商品样式 7 列表 goodType=1为积分商城实物商品-->
@@ -87,6 +89,7 @@
                   <!-- 分割线 -->
                   <div class="line"> </div>
                   <div class="item">虚拟商品 精品推荐</div>
+                  <div @click="toMore(2)" class="more">更多<img src="static/img/icon_more_arrow_right.png"alt=""/></div>
                 </div>
                 <!-- 商品样式 7 列表 -->
                 <column-list-box class="column-list-box" v-if="virtualGoods && virtualGoods.list && virtualGoods.list.length" @jump="toDetail"
@@ -102,6 +105,7 @@
                   <!-- 分割线 -->
                   <div class="line"> </div>
                   <div class="item">满减红包 精品推荐</div>
+                  <div @click="toMore(3)" class="more">更多<img src="static/img/icon_more_arrow_right.png"alt=""/></div>
                 </div>
                 <!-- 商品样式 7 列表 -->
                 <column-list-box class="column-list-box" v-if="redEnvelopeFull && redEnvelopeFull.list && redEnvelopeFull.list.length" @jump="toDetail" 
@@ -246,6 +250,36 @@ export default {
       }
     },
     /**
+    * 跳转商品更多页
+    * @param {Object} type [数据对象1实物品 2虚拟商品 3满减红包]
+    */
+    toMore(type){
+       if (this.isCNLive.value) {
+        // this.$router.push({
+        //   path: "/goodDetails",
+        //   query: {
+        //     goodsId: item.id,
+        //     uid: this.getStore("uid")
+        //   }
+        // })
+        // 通用跳转跳转到商品详情页新打开webview
+        if (typeof this.$parent.gotoDetail === 'function') {
+
+          // 设置跳转参数
+          let params = {
+            type: '5',
+            to: window.location.origin + '/html/select_good/1/#/morePoints?type=' + type,
+            shop_type: ''
+          };
+
+          // 页面跳转
+          this.$parent.gotoDetail(params);
+        }
+      } else {
+        this.$parent.callApp();
+      }
+    },
+    /**
      * 分享
      */
     toShare () {