动态导航栏

api/welfareMall.js

@@ -146,7 +146,12 @@ class WelfareMall extends request {
     return this.postRequest(`${this.BASE_URL}open/activity/get-order-params`, params);
   }
 
-
+  /**
+   * 个人中心数据，包括导航
+   */
+  static getPersonalData(params) {
+    return this.postRequest(`${this.BASE_URL}open/welfare-mall/personal-data`, params);
+  }
 
 
 

pages/welfareMall/personal/personal.js

@@ -12,7 +12,8 @@ Page({
     isLogin: false,
     mobileTop: 'TONY WU',
     countNum: 0,
-    grayTheme:false
+    grayTheme:false,
+    navigationList:[],
   },
 
   /**
@@ -51,8 +52,8 @@ Page({
     })
   },
 
-  // 授权手机号--历史订单
-  getPhoneNumberHis(e) {
+  // 授权手机号--跳转导航栏
+  getPhoneNav(e) {
     getPhoneNumberSync(e, async () => {
         let nums = await this.getCountNum();
         this.setData({
@@ -60,112 +61,42 @@ Page({
             mobileTop: getMobileCache(),
             countNum: nums,
         });
-        const url = "../historical/historical"
-        wx.navigateTo({
-            url
-        })      
+        this.goToCoupon(e);  
     })
   },
 
-  // 授权手机号--意见反馈
-  getPhoneNumberFee(e) {
-    getPhoneNumberSync(e, async () => {
-        let nums = await this.getCountNum();
-        this.setData({
-            isLogin: true,
-            mobileTop: getMobileCache(),
-            countNum: nums,
-        });
-        const url = "../feedback/feedback"
-        wx.navigateTo({
-            url
-        })      
-    })
-  },
-
-  // 授权手机号--签到
-  getPhoneNumberSigin(e) {
-    getPhoneNumberSync(e, async () => {
-        let nums = await this.getCountNum();
-        this.setData({
-            isLogin: true,
-            mobileTop: getMobileCache(),
-            countNum: nums,
-        });
-        const url = "../../signIn/activity/activity"
-        wx.navigateTo({
-            url
-        })      
-    })
-  },
-
-  // 授权手机号--抽奖
-  getPhoneNumberLuck(e) {
-    getPhoneNumberSync(e, async () => {
-        let nums = await this.getCountNum();
-        this.setData({
-            isLogin: true,
-            mobileTop: getMobileCache(),
-            countNum: nums,
-        });
-        const url = "./../luckDraw/index"
-        wx.navigateTo({
-            url
-        })      
-    })
-  },
+  // 动态获取导航栏
+  async getIndexList(){
+    let res =  await WelfareMall.getPersonalData();
 
-  // 授权手机号--券包
-  getPhoneNumberCoupon(e) {
-    getPhoneNumberSync(e, async () => {
-        let nums = await this.getCountNum();
-        this.setData({
-            isLogin: true,
-            mobileTop: getMobileCache(),
-            countNum: nums,
-        });
-        const url = "../../luckDraw/profile"
-        wx.navigateTo({
-            url
-        })      
+    this.setData({
+      navigationList:res.data.navigationList,
     })
   },
 
-  toHistorical(e) {
-      const url = "../historical/historical?id=" + e.currentTarget.dataset.id
+  // 导航栏地址链接跳转
+  goToCoupon:function(e){
+    var appId = e.currentTarget.dataset.appid;
+    var path = e.currentTarget.dataset.path;
+  
+    if(appId && path){
+      wx.navigateToMiniProgram({
+        appId: appId,
+        path: path,
+        success(res) {
+          // 打开成功
+        }
+      })
+    }
+    
+    if(!appId && path){
       wx.navigateTo({
-          url
+        url: path,
       })
+    }
+   
   },
 
-  toFeedback(e) {
-    const url = "../feedback/feedback?id=" + e.currentTarget.dataset.id
-    wx.navigateTo({
-      url: url,
-    })
-  },
-
-  toSigIn(e) {
-    const url = "../../signIn/activity/activity?id=" + e.currentTarget.dataset.id
-    wx.navigateTo({
-        url
-    })
-  },
-
-  toLuck(e) {
-    const url = "../../luckDraw/index?id=" + e.currentTarget.dataset.id
-    wx.navigateTo({
-        url
-    })
-  },
-
-  toCoupon(e) {
-    const url = "../../luckDraw/profile?id=" + e.currentTarget.dataset.id
-    wx.navigateTo({
-        url
-    })
-},
-
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
@@ -180,8 +111,9 @@ Page({
       this.setData({
           grayTheme: app.globalData.grayTheme
       })
+    this.getIndexList();
     let  userMobile = await activity.getMobileCache();
-    console.log(userMobile)
+    // console.log(userMobile)
     if (userMobile.length !== 0) {
       this.setData({
         isLogin: true,

pages/welfareMall/personal/personal.wxml

@@ -1,107 +1,50 @@
 <!--pages/welfareMall/personal/personal.wxml-->
 <view class="{{grayTheme?'page':''}}">
-<view class="personal flex-column">
-  <!-- 首部个人信息 -->
-  <view class="head flex-column">
-    <view class="head-personal flex-row">
-      <image wx:if="{{!isLogin}}" class="head-personal-logo" src="/images/welfareMall/head-portrait.png" />
-      <!-- 获取用户头像 -->
-      <open-data wx:if="{{isLogin}}" class="head-personal-logo" type="userAvatarUrl"></open-data>
-      <view class="head-personal-nl flex-column" wx:if="{{isLogin}}">
-        <!-- 获取用户微信昵称 -->
-        <open-data class="head-personal-name" type="userNickName" lang="zh_CN"></open-data>
-        <view class="head-personal-login">{{phone.toHide(mobileTop)}}</view>
-      </view>
-      <button class="personal-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">登录/注册</button>
-    </view>
-    <view class="head-card flex-row">
-      <view class="head-card-coupon">我的优惠券</view>
-      <view class="head-card-nt flex-row">
-        <view class="head-card-num">{{countNum}}</view>
-        <view class="head-card-text">张</view>
-      </view>
-    </view>
-  </view>
-  <!-- 中部详细信息 -->
-  <view class="center">
-    <!-- 内容 -->
-    <view class="content flex-column">
-      <!-- 签到领券 -->
-      <!-- <view class="sign-in content-style flex-row">
-        <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
-        <view class="grant flex-row" catchtap="toSigIn">
-          <view class="content-img-text flex-row">
-            <image class="content-img" src="/images/welfareMall/sign-in.png" />
-            <view class="content-text">签到领券</view>
-          </view>
-          <image class="content-jump" src="/images/welfareMall/jump.png" />
+  <view class="personal flex-column">
+    <!-- 首部个人信息 -->
+    <view class="head flex-column">
+      <view class="head-personal flex-row">
+        <image wx:if="{{!isLogin}}" class="head-personal-logo" src="/images/welfareMall/head-portrait.png" />
+        <!-- 获取用户头像 -->
+        <open-data wx:if="{{isLogin}}" class="head-personal-logo" type="userAvatarUrl"></open-data>
+        <view class="head-personal-nl flex-column" wx:if="{{isLogin}}">
+          <!-- 获取用户微信昵称 -->
+          <open-data class="head-personal-name" type="userNickName" lang="zh_CN"></open-data>
+          <view class="head-personal-login">{{phone.toHide(mobileTop)}}</view>
         </view>
+        <button class="personal-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">登录/注册</button>
       </view>
-      <view class="content-lower"></view> -->
-      <!-- 抽奖领券 -->
-      <!-- <view class="luck-draw content-style flex-row">
-        <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
-        <view class="grant flex-row" catchtap="toLuck">
-          <view class="content-img-text flex-row">
-            <image class="content-img" src="/images/welfareMall/luck-draw.png" />
-            <view class="content-text">抽奖领券</view>
-          </view>
-          <image class="content-jump" src="/images/welfareMall/jump.png" />
+      <view class="head-card flex-row">
+        <view class="head-card-coupon">我的优惠券</view>
+        <view class="head-card-nt flex-row">
+          <view class="head-card-num">{{countNum}}</view>
+          <view class="head-card-text">张</view>
         </view>
       </view>
-      <view class="content-lower"></view> -->
-      <!-- 我的券包 -->
-      <view class="coupon-bag content-style flex-row">
-        <view class="grant flex-row">
-          <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberCoupon"></button>
-          <view class="grant flex-row" catchtap="toCoupon">
-            <view class="content-img-text flex-row" catchtap="toCoupon">
-              <image class="content-img" src="/images/welfareMall/coupon-bag.png" />
-              <view class="content-text">我的券包</view>
+    </view>
+    <!-- 中部详细信息 -->
+    <view class="center">
+      <!-- 内容 -->
+      <view class="content flex-column">
+      <!-- 导航栏遍历 -->
+        <view wx:for="{{navigationList}}" data-appid="{{item.appId}}"  wx:key="unique">
+          <view class="sign-in content-style flex-row">
+            <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNav" data-path="{{item.path}}"></button>
+            <view class="grant flex-row" bindtap="goToCoupon" data-path="{{item.path}}">
+              <view class="content-img-text flex-row">
+                <image class="content-img" src="{{item.figure}}"></image>
+                <view class="content-text">{{item.title}}</view>
+              </view>
+              <image class="content-jump" src="/images/welfareMall/jump.png" />
             </view>
           </view>
-          <image class="content-jump" src="/images/welfareMall/jump.png" />
+          <view class="content-lower"></view>
         </view>
+        <view></view>
       </view>
-      <view class="content-lower"></view>
-      <!-- 邀请好友 -->
-      <!-- <view class="invite-friends content-style flex-row">
-        <view class="content-img-text flex-row">
-          <image class="content-img" src="/images/welfareMall/invite-friends.png" />
-          <view class="content-text">邀请好友</view>
-        </view>
-        <image class="content-jump" src="/images/welfareMall/jump.png" />
-      </view> -->
-      <view class="content-lower"></view>
-      <!-- 历史订单 -->
-      <view class="historical-order content-style flex-row">
-        <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberHis"></button>
-        <view class="grant flex-row" catchtap="toHistorical">
-          <view class="content-img-text flex-row">
-            <image class="content-img" src="/images/welfareMall/historical-order.png" />
-            <view class="content-text">历史订单</view>
-          </view>
-          <image class="content-jump" src="/images/welfareMall/jump.png" />
-        </view>
-      </view>
-      <view class="content-lower"></view>
-      <!-- 意见反馈 -->
-      <view class="feedback content-style flex-row">
-        <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberFee"></button>
-        <view class="grant flex-row" catchtap="toFeedback">
-          <view class="content-img-text flex-row">
-            <image class="content-img" src="/images/welfareMall/feedback.png" />
-            <view class="content-text">意见反馈</view>
-          </view>
-          <image class="content-jump" src="/images/welfareMall/jump.png" />
-        </view>
-      </view>
-      <view class="content-lower"></view>
-      <view></view>
     </view>
   </view>
 </view>
-</view>
 
 <!-- 使用wxs 手机号码中间四位显示为*号 -->
 <wxs module="phone">