去除打开app操作

zhiyangdu
1 parent fbb3022e
Showing 4 changed files with 80 additions and 81 deletions
src/pages/partyBuildingGoodDetails/partyBuildingGoodDetails.less
src/pages/partyBuildingGoodDetails/partyBuildingGoodDetails.vue
src/pages/partyBuildingPointsMall/partyBuildingPointsMall.less
src/pages/partyBuildingPointsMall/partyBuildingPointsMall.vue
 .good-details-box{
   padding-bottom: 130px;
+  .nav{
+    position: fixed;
+    top: 0;
+    z-index: 100;
+    width: 100%;
+    .nav-bar {
+      position: unset;
+      background-color: #FFFFFF;
+      border-bottom: 1px solid #E6E6E6;
+      padding:20px 0;
+    }
+  }
   .pl {
     background-color: transparent;
     width: 100%;
-    &.is-open-app {
-        height: 122px;
-    }
-    &.is-cnlive {
-        height: 93px;
-    }
+    height: 88px;
+    // &.is-open-app {
+    //     height: 122px;
+    // }
+    // &.is-cnlive {
+    //     height: 93px;
+    // }
   }   
   .hide{
     display:none;
 <template>
   <div class="good-details-box">
     <!-- H5唤起App组件 -->
-    <call-app-box class="call-app-box"
-                  :style="'padding-top: ' + $parent.top.value + 'px'"
-                  ref="callApp"
-                  v-if="!isCNLive.value"
-                  :callApps="$parent.callApps">
-    </call-app-box>
-    <back-box v-if="isCNLive.value"
-              :class="{'hide': $route.query.hideBack == true}"
-              class="back-box"
-              :style="'padding-top: ' + $parent.top.value + 'px'"
-              @back="back"
-              :backs="backs">
-    </back-box>
-    <!-- pl -->
-    <div class="pl"
-         :style="'padding-top: ' + $parent.top.value + 'px'"
-         :class="{'is-cnlive': isCNLive.value, 'is-open-app': $parent.isOpenApp.value, 'hide': $route.query.hideBack == true}"></div>
+    <!-- 导航栏 -->
+    <div class="nav">
+
+      <!-- navBar -->
+      <nav-bar @back="back"
+               :navs="navs">
+      </nav-bar>
+    </div>
+
+    <div class="pl"></div>
     <!--轮播-->
     <!-- <swiper
           :style="
@@ -197,9 +190,8 @@
 <script>
 import { Swipe, SwipeItem } from 'vant';
-import callAppBox from "@/components/callAppBox/callAppBox";
 import swiper from "@/components/swiper/swiper";
-import backBox from "@/components/backBox/backBox";
+import navBar from '@/components/navBar/navBar';
 import columnListBox from "@/components/columnListBox/columnListBox";
 import addressModal from '@/components/addressModal/addressModal';
 import { Toast, Indicator } from "mint-ui";
@@ -210,7 +202,7 @@ export default {
       title: "", // 标题
       banner: null,
       goodsInfo: null,
-      backs: null, // 后退按钮组
+      navs: null, // 后退按钮组
       isExchange: false, // 是否已经兑换
       currentAddress: null,			// 当前选择的地址
       addressModalOptions: null		// 填写地址浮层选项
@@ -218,9 +210,8 @@ export default {
   },
   //部件
   components: {
-    callAppBox,
     swiper,
-    backBox,
+    navBar,
     columnListBox,
     addressModal
   },
@@ -529,7 +520,7 @@ export default {
             // 同步当前选中的地址信息
             window.localStorage.setItem('currentAddress', JSON.stringify(datas));
           }
-        } 
+        }
       }
       // 设置地址浮层参数
@@ -573,7 +564,7 @@ export default {
             this.$set(this.addressModalOptions, 'cancelButtonCallback', this.$refs.addressModal.hideLayer);
           }
           console.log(this.addressModalOptions);
-           // 显示填写地址浮层
+          // 显示填写地址浮层
           this.$refs.addressModal.showLayer();
         }
       });
@@ -599,6 +590,12 @@ export default {
   created () {
     // 设置标题
     this.$set(this, "title", "积分值商品详情页");
+    this.$set(this, "navs", {
+      back: {
+        img: "static/img/icon_back.png"
+      },
+      title: this.title
+    });
     // 获取商品ID
     let goodsId = this.$route.query.goodsId;
     if (goodsId && this.$parent.checkLogin()) {
@@ -15,16 +15,29 @@
   .column-list-box{
     margin-top:40px;
   }
+  .nav{
+    position: fixed;
+    top: 0;
+    z-index: 100;
+    width: 100%;
+    .nav-bar {
+      position: unset;
+      background-color: #FFFFFF;
+      border-bottom: 1px solid #E6E6E6;
+      padding:20px 0;
+    }
+  }
   // 占位
   .pl {
     background-color: transparent;
     width: 100%;
-      &.is-open-app {
-          height: 122px;
-      }
-      &.is-cnlive {
-          height: 93px;
-      }
+    height: 88px;
+      // &.is-open-app {
+      //     height: 122px;
+      // }
+      // &.is-cnlive {
+      //     height: 93px;
+      // }
   }
     // 头部
     .top_main{
 <template>
   <div class="gift_zone_detail">
-    <call-app-box class="call-app-box"
-                  :style="'padding-top: ' + $parent.top.value + 'px'"
-                  ref="callApp"
-                  v-if="!isCNLive.value"
-                  :callApps="$parent.callApps">
-    </call-app-box>
-    <back-box v-if="isCNLive.value"
-              :class="{'hide': $route.query.hideBack == true}"
-              class="back-box"
-              :style="'padding-top: ' + $parent.top.value + 'px'"
-              @back="back"
-              :backs="backs">
-    </back-box>
-    <!-- pl -->
-    <div class="pl"
-         :style="'padding-top: ' + $parent.top.value + 'px'"
-         :class="{'is-cnlive': isCNLive.value, 'is-open-app': $parent.isOpenApp.value, 'hide': $route.query.hideBack == true}"></div>
+
+    <!-- 导航栏 -->
+    <div class="nav">
+
+      <!-- navBar -->
+      <nav-bar @back="back"
+               :navs="navs">
+      </nav-bar>
+    </div>
+
+    <div class="pl"></div>
     <!-- 商品样式 7 列表 -->
     <div class="top_main">
       <!-- 头部 -->
@@ -74,8 +68,7 @@
 </template>
 <script>
-import callAppBox from "@/components/callAppBox/callAppBox";
-import backBox from "@/components/backBox/backBox";
+import navBar from '@/components/navBar/navBar';
 import { Toast, Indicator } from "mint-ui";
 import columnListBox from "@/components/columnListBox/columnListBox";
 export default {
@@ -84,7 +77,7 @@ export default {
     return {
       myGrade: 0, // 我的积分
       title: "积分商城",              // 标题
-      backs: null, // 后退按钮组
+      navs: null, // 后退按钮组
       loading: true,
       distance: 50,
       phyicalGoods: { list: [] }, // 实物商品
@@ -94,9 +87,8 @@ export default {
   },
   //部件
   components: {
-    backBox,
-    columnListBox,
-    callAppBox
+    navBar,
+    columnListBox
   },
   //静态
   props: [
@@ -331,28 +323,12 @@ export default {
   created () {
     // 加载商品列表
     this.getIntegralNewGoodsList(this.page);
-
-    // 判断是否在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, "navs", {
+      back: {
+        img: "static/img/icon_back.png"
+      },
+      title: this.title
+    });
     if (this.$parent.checkLogin()) {
       // 获取积分商城商品信息接口
       this.integralMallIndex();