7.10 增加登录页面，事件详情接口对接，我的点赞，关注收藏页面搭建，接口对接

unpackage/dist/dev/mp-weixin/pages/mine/vip/vip.js

@@ -1,54 +1,66 @@
 "use strict";
 const common_vendor = require("../../../common/vendor.js");
+const request_api = require("../../../request/api.js");
 const common_assets = require("../../../common/assets.js");
 const _sfc_main = {
   data() {
     return {
       navH: common_vendor.inject("navHeight"),
+      memberInfo: null,
+      //会员信息
       questionList: ["信息纷杂难辨真伪？", "信息纷杂难辨真伪？", "无法把握宏观趋势与行业动向？"],
       privilegeList: [
         {
           icon: "/static/icon/mine/vip/depthReport.png",
+          icon_v: "/static/icon/mine/vip/depthReport_v.png",
           title: "深度研报",
           tips: "行业/公司独家分析"
         },
         {
           icon: "/static/icon/mine/vip/strategicInsight.png",
+          icon_v: "/static/icon/mine/vip/strategicInsight_v.png",
           title: "策略洞察",
           tips: "赛道趋势+拐点信号"
         },
         {
           icon: "/static/icon/mine/vip/dataTool.png",
+          icon_v: "/static/icon/mine/vip/dataTool_v.png",
           title: "数据工具",
           tips: "行业/公司独家分析"
         },
         {
           icon: "/static/icon/mine/vip/dataTool.png",
+          icon_v: "/static/icon/mine/vip/intelligentScreening_v.png",
           title: "智能筛选",
           tips: "按需定制标的列表"
         },
         {
           icon: "/static/icon/mine/vip/decisionSupport.png",
+          icon_v: "/static/icon/mine/vip/decisionSupport_v.png",
           title: "决策辅助",
           tips: "关键因子评分系统"
         },
         {
           icon: "/static/icon/mine/vip/expertMeeting.png",
+          icon_v: "/static/icon/mine/vip/expertMeeting_v.png",
           title: "专家闭门会",
           tips: "深度交流机会"
         },
         {
           icon: "/static/icon/mine/vip/dailyReport.png",
+          icon_v: "/static/icon/mine/vip/dailyReport_v.png",
           title: "日报周报",
           tips: "研判速递、节奏掌控"
         },
         {
           icon: "/static/icon/mine/vip/specialColumn.png",
+          icon_v: "/static/icon/mine/vip/specialColumn_v.png",
           title: "专题专栏",
           tips: "核心团队观点集结"
         },
         {
           icon: "/static/icon/mine/vip/continuouslyUnlock.png",
+          icon_v: "/static/icon/mine/vip/continuouslyUnlock_v.png",
           title: "持续解锁",
           tips: "不定期上线新功能"
         }
@@ -56,6 +68,7 @@ const _sfc_main = {
     };
   },
   onLoad() {
+    this.getMemberStatus();
   },
   methods: {
     /**
@@ -65,6 +78,21 @@ const _sfc_main = {
       common_vendor.index.navigateTo({
         url: "/pages/mine/vipMeal/vipMeal"
       });
+    },
+    /**
+     * 获取会员状态
+     */
+    getMemberStatus() {
+      request_api.membershipStatus().then((res) => {
+        if (res.code == 200) {
+          this.memberInfo = res.data;
+        } else
+          common_vendor.index.showToast({
+            title: res.message,
+            icon: "none"
+          });
+      }).catch((error) => {
+      });
     }
   }
 };
@@ -77,44 +105,120 @@ if (!Math) {
   _easycom_navBar();
 }
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return {
+  return common_vendor.e({
     a: common_vendor.p({
       leftText: "会员中心"
     }),
     b: common_assets._imports_0,
-    c: common_assets._imports_1$4,
-    d: common_assets._imports_2$6,
-    e: common_assets._imports_3$4,
-    f: common_assets._imports_4$3,
-    g: common_assets._imports_5$3,
-    h: common_assets._imports_6$1,
-    i: common_assets._imports_7,
-    j: common_assets._imports_8,
-    k: common_vendor.f($data.questionList, (item, index, i0) => {
+    c: $data.memberInfo
+  }, $data.memberInfo ? common_vendor.e({
+    d: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    e: common_assets._imports_1$5
+  } : {
+    f: common_assets._imports_2$7
+  }, {
+    g: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    h: common_vendor.t($data.memberInfo.member_expire_date)
+  } : {}, {
+    i: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    j: common_assets._imports_3$4
+  } : {
+    k: common_assets._imports_4$2
+  }, {
+    l: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    m: common_assets._imports_5$1
+  } : {
+    n: common_assets._imports_6
+  }, {
+    o: common_vendor.n("impormant " + ($data.memberInfo.is_member ? "vip" : "")),
+    p: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    q: common_assets._imports_7$1
+  } : {
+    r: common_assets._imports_8$1
+  }, {
+    s: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    t: common_assets._imports_9$1
+  } : {
+    v: common_assets._imports_10$1
+  }, {
+    w: common_vendor.n("impormant " + ($data.memberInfo.is_member ? "vip" : "")),
+    x: common_vendor.n("impormant " + ($data.memberInfo.is_member ? "vip" : "")),
+    y: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    z: common_assets._imports_11$2
+  } : {
+    A: common_assets._imports_12$1
+  }, {
+    B: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    C: common_assets._imports_13
+  } : {
+    D: common_assets._imports_14
+  }, {
+    E: common_assets._imports_15,
+    F: common_vendor.f($data.questionList, (item, index, i0) => {
       return {
         a: common_vendor.t(item),
         b: index
       };
     }),
-    l: common_assets._imports_2$6,
-    m: common_assets._imports_3$4,
-    n: common_assets._imports_9$1,
-    o: common_assets._imports_2$6,
-    p: common_assets._imports_3$4,
-    q: common_assets._imports_10,
-    r: common_assets._imports_2$6,
-    s: common_assets._imports_3$4,
-    t: common_vendor.f($data.privilegeList, (item, index, i0) => {
+    G: common_vendor.n("item " + ($data.memberInfo.is_member ? "vip" : "")),
+    H: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    I: common_assets._imports_3$4
+  } : {
+    J: common_assets._imports_4$2
+  }, {
+    K: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    L: common_assets._imports_5$1
+  } : {
+    M: common_assets._imports_6
+  }, {
+    N: common_assets._imports_16,
+    O: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    P: common_assets._imports_3$4
+  } : {
+    Q: common_assets._imports_4$2
+  }, {
+    R: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    S: common_assets._imports_5$1
+  } : {}, {
+    T: common_assets._imports_6,
+    U: common_assets._imports_17,
+    V: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    W: common_assets._imports_3$4
+  } : {
+    X: common_assets._imports_4$2
+  }, {
+    Y: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    Z: common_assets._imports_5$1
+  } : {
+    aa: common_assets._imports_6
+  }, {
+    ab: common_vendor.f($data.privilegeList, (item, index, i0) => {
       return {
-        a: item.icon,
+        a: $data.memberInfo.is_member ? item.icon_v : item.icon,
         b: common_vendor.t(item.title),
         c: common_vendor.t(item.tips),
         d: index
       };
     }),
-    v: common_vendor.s("margin-top:" + $data.navH + "px;"),
-    w: common_vendor.o(($event) => $options.clickVipMeal())
-  };
+    ac: common_vendor.n("privilegeList flexWrap " + ($data.memberInfo.is_member ? "vip" : "")),
+    ad: common_vendor.s("margin-top:" + $data.navH + "px;")
+  }) : {}, {
+    ae: common_vendor.o(($event) => $options.clickVipMeal())
+  });
 }
 const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
 wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/mine/vip/vip.wxss

@@ -28,6 +28,12 @@
   font-weight: 500;
   color: #65758A;
 }
+.vipC .vipInfoC .infoC.vip .title {
+  color: #AB3D1A;
+}
+.vipC .vipInfoC .infoC.vip .tips {
+  color: #AB3D1A;
+}
 .vipC .vipProfitIntroC {
   background-color: white;
   margin-top: -70rpx;
@@ -79,6 +85,9 @@
 .vipC .vipProfitIntroC .stepC .step .impormant {
   font-weight: bold;
 }
+.vipC .vipProfitIntroC .stepC .step .impormant.vip {
+  color: #F97316;
+}
 .vipC .vipProfitIntroC .picList {
   padding: 0 25rpx;
   margin-top: 34rpx;
@@ -120,6 +129,10 @@
   color: #555;
   text-align: center;
 }
+.vipC .vipProfitIntroC .questionC .iconListC .list .item.vip {
+  background-color: #FFEBDB;
+  color: #F97316;
+}
 .vipC .vipProfitIntroC .introC {
   display: flex;
   box-shadow: 0px 0px 9rpx 0px rgba(0, 0, 0, 0.1);
@@ -168,6 +181,9 @@
   font-size: 22rpx;
   color: #555;
 }
+.vipC .vipProfitIntroC .privilegeList.vip {
+  box-shadow: 0px 0px 9px 0px rgba(249, 115, 22, 0.4);
+}
 .vipC .vipProfitIntroC .bottomTitle {
   margin-top: 80rpx;
   font-size: 45rpx;