积分商城首页

zhiyangdu
1 parent d19ce286
Showing 2 changed files with 107 additions and 3 deletions
src/pages/pointsMall/pointsMall.less
src/pages/pointsMall/pointsMall.vue
 @charset "UTF-8";
+// 占位
+.pl {
+  background-color: transparent;
+  width: 100%;
+    &.is-open-app {
+        height: 122px;
+    }
+    &.is-cnlive {
+        height: 93px;
+    }
+}
 .main_box{
   width: 100%;
   // min-height: 1840px;
@@ -113,8 +113,11 @@
 import goodsItem2 from "@/components/goodsItem_2/goodsItem_2";
 import columnListBox from "@/components/columnListBox/columnListBox";
 export default {
+  name: 'pointsmall',
   data () {
     return {
+      title: "",              // 标题
+      backs: null,            // 后退按钮组
       goodsLists: null,  // 为你推荐商品
       phyicalGoods: null, // 实物商品
       virtualGoods: null,   // 虚拟商品
@@ -138,9 +141,9 @@ export default {
   //方法表示一个具体的操作，主要书写业务逻辑；
   methods: {
     /**
-            * 跳转商品详情
-            * @param {Object} item [数据对象]
-            */
+    * 跳转商品详情
+    * @param {Object} item [数据对象]
+    */
     toDetail (item) {
       // 判断通用跳转函数是否存在
@@ -154,9 +157,78 @@ export default {
         this.$parent.gotoDetail(item);
       }
     },
+    /**
+     * 分享
+     */
+    toShare () {
+
+      // 判断分享
+      if (typeof this.$parent.toShare === 'function') {
+        this.$parent.toShare(38, this.$route.query.id || 0);
+      }
+    },
+
+    /**
+     * 后退
+     */
+    back () {
+
+      // 判断是否有处理函数
+      if (typeof this.$parent.back === 'function') {
+
+        // 后退
+        this.$parent.back();
+      } else {
+
+        // 后退
+        window.history.go(-1);
+      }
+    }
+  },
+  head: {
+    title () {
+      return {
+        inner: this.title
+      }
+    }
+  },
+  watch: {
+
+    // 设置页面标题
+    title (newVal) {
+      if (this.$store.state.browser.toLowerCase() == "qq" && this.$store.state.deviceType.toLowerCase() == "iphone") {
+        this.$iFrame.insertIFrame(newVal);
+      } else {
+        this.$emit("updateHead");
+      }
+    }
   },
   //请求数据
   created () {
+    // 设置标题
+    this.$set(this, "title", "优选");
+
+    // 判断是否在App内
+    if (this.isCNLive.value) {
+
+      // 添加后退按钮组“后退”和“分享”按钮
+      this.$set(this, 'backs', {
+        funcs: {
+          back: {
+            icon: "static/img/icon_back.png"
+          },
+          funcArray: [
+            {
+              icon: "static/img/icon_share.png",
+              func: this.toShare
+            }
+          ]
+        }
+      });
+
+      // 设置标题
+      this.$set(this.backs, 'title', '优选');
+    }
     // 临时，为你推荐商品数据
     this.$set(this, 'goodsLists', [
       {
@@ -405,6 +477,27 @@ export default {
     });
   },
   mounted () {
+    // 如果是App外，设置唤起App和微信内分享参数
+    if (!this.isCNLive.value) {
+
+      // 唤起详情页
+      if (typeof this.$parent.getOpenApp === "function") {
+        this.$parent.getOpenApp({
+          type: 38,
+          id: this.$route.query.id || 1,
+          url: ""
+        });
+      }
+
+      // 分享详情页
+      if (typeof this.$parent.getShareData === "function") {
+        this.$parent.getShareData({
+          type: 38,
+          id: this.$route.query.id || 1,
+          url: ""
+        });
+      }
+    }
   }
 }
 </script>