8.28 修改事件详情相关概念模块样式，增加股票详情信息来源展示

unpackage/dist/dev/mp-weixin/pagesMine/vipMeal/vipMeal.js

@@ -0,0 +1,121 @@
+"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,
+      //会员信息
+      privilegeList: ["高效选股工具", "股票基金明星榜单", "定期专属晨报、股票动态", "独家产业研报", "个股产业分析", "股票、基金基础指标", "7x24 财经直播"]
+    };
+  },
+  onLoad() {
+    this.getMemberStatus();
+  },
+  methods: {
+    /**
+     * 点击加入vip
+     */
+    clickJoinVip() {
+      if (!this.memberInfo.is_member) {
+        common_vendor.index.showModal({
+          content: "请点击下方按钮复制链接并在浏览器中打开以完成会员购买流程",
+          showCancel: false,
+          confirmText: "复制",
+          success(res) {
+            if (res.confirm)
+              ;
+          }
+        });
+      }
+    },
+    /**
+     * 获取会员状态
+     */
+    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) => {
+      });
+    }
+  }
+};
+if (!Array) {
+  const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
+  _easycom_navBar2();
+}
+const _easycom_navBar = () => "../../components/navBar/navBar.js";
+if (!Math) {
+  _easycom_navBar();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: common_vendor.p({
+      leftText: "会员中心"
+    }),
+    b: common_assets._imports_0,
+    c: $data.memberInfo
+  }, $data.memberInfo ? common_vendor.e({
+    d: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    e: common_assets._imports_1$7
+  } : {
+    f: common_assets._imports_2$8
+  }, {
+    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$6
+  } : {
+    k: common_assets._imports_4$4
+  }, {
+    l: $data.memberInfo.is_member
+  }, $data.memberInfo.is_member ? {
+    m: common_assets._imports_5$3
+  } : {
+    n: common_assets._imports_6$1
+  }, {
+    o: common_vendor.f($data.privilegeList, (item, index, i0) => {
+      return common_vendor.e({
+        a: common_vendor.t(item),
+        b: index == 0 || index == 1 || index == 2
+      }, index == 0 || index == 1 || index == 2 ? {
+        c: common_assets._imports_7$1
+      } : {}, {
+        d: index == 3 || index == 4
+      }, index == 3 || index == 4 ? common_vendor.e({
+        e: index == 3
+      }, index == 3 ? {} : {}, {
+        f: index == 4
+      }, index == 4 ? {} : {}) : {}, {
+        g: index == 5 || index == 6
+      }, index == 5 || index == 6 ? {
+        h: common_assets._imports_8$1
+      } : {}, {
+        i: index
+      });
+    }),
+    p: common_assets._imports_8$1,
+    q: common_vendor.n("privilegeList " + ($data.memberInfo.is_member ? "vip" : "")),
+    r: common_vendor.s("margin-top:" + $data.navH + "px;")
+  }) : {}, {
+    s: $data.memberInfo
+  }, $data.memberInfo ? {
+    t: common_vendor.t($data.memberInfo.is_member ? "您已是年度VIP" : "立即加入年度VIP"),
+    v: common_vendor.o(($event) => $options.clickJoinVip())
+  } : {});
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createPage(MiniProgramPage);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pagesMine/vipMeal/vipMeal.js.map

unpackage/dist/dev/mp-weixin/pagesMine/vipMeal/vipMeal.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {
+    "nav-bar": "../../components/navBar/navBar"
+  }
+}

unpackage/dist/dev/mp-weixin/pagesMine/vipMeal/vipMeal.wxml

@@ -0,0 +1 @@
+<view><nav-bar wx:if="{{a}}" u-i="2f528ea3-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view wx:if="{{c}}" class="vipC" style="{{r}}"><view class="vipInfoC relative"><image wx:if="{{d}}" class="bg" src="{{e}}" mode="widthFix"></image><image wx:else class="bg" src="{{f}}" mode="widthFix"></image><view wx:if="{{g}}" class="infoC vip absolute"><view class="title">尊贵的VIP会员</view><view class="tips">会员有效期至：{{h}}</view></view><view wx:else class="infoC absolute"><view class="title">价值前沿</view><view class="tips">您还不是会员 加入尊享N项服务</view></view></view><view class="privilegeCompareC relative"><view class="titleC flexCenter"><image wx:if="{{i}}" class="icon" src="{{j}}" mode="widthFix"></image><image wx:else class="icon" src="{{k}}" mode="widthFix"></image><view class="title">特权对比</view><image wx:if="{{l}}" class="icon" src="{{m}}" mode="widthFix"></image><image wx:else class="icon" src="{{n}}" mode="widthFix"></image></view><view class="{{q}}"><view class="header flex"><view class="privilege item">专属特权</view><view class="item free">普通免费</view><view class="item vip">VIP会员</view></view><view class="list"><view wx:for="{{o}}" wx:for-item="item" wx:key="i" class="item flex"><view class="optionItem privilege flex">{{item.a}}</view><view class="optionItem free flexCenter"><block wx:if="{{item.b}}"><image class="notContain" src="{{item.c}}" mode="widthFix"></image></block><block wx:if="{{item.d}}"><block wx:if="{{item.e}}">限制查看数量</block><block wx:if="{{item.f}}">每日查看2只</block></block><block wx:if="{{item.g}}"><image class="contain" src="{{item.h}}" mode="widthFix"></image></block></view><view class="optionItem vip flexCenter"><image class="contain" src="{{p}}" mode="widthFix"></image></view></view></view></view></view></view><view wx:if="{{s}}" class="joinVipC fixed" bindtap="{{v}}">{{t}}</view></view>

unpackage/dist/dev/mp-weixin/pagesMine/vipMeal/vipMeal.wxss

@@ -0,0 +1,124 @@
+.topBg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: auto;
+}
+.vipC {
+  padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
+}
+.vipC .vipInfoC {
+  margin: 0 25rpx;
+}
+.vipC .vipInfoC .bg {
+  width: 100%;
+  height: auto;
+}
+.vipC .vipInfoC .infoC {
+  top: 130rpx;
+  left: 38rpx;
+}
+.vipC .vipInfoC .infoC .title {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #556B87;
+}
+.vipC .vipInfoC .infoC .tips {
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #65758A;
+}
+.vipC .vipInfoC .infoC.vip .title {
+  color: #AB3D1A;
+}
+.vipC .vipInfoC .infoC.vip .tips {
+  color: #AB3D1A;
+}
+.vipC .privilegeCompareC {
+  background-color: white;
+  margin-top: -70rpx;
+  padding-top: 40rpx;
+  border-radius: 20rpx 20rpx 0 0;
+}
+.vipC .privilegeCompareC .titleC .icon {
+  width: 54rpx;
+  height: auto;
+}
+.vipC .privilegeCompareC .titleC .title {
+  margin: 0 20rpx;
+  font-size: 50rpx;
+  font-weight: bold;
+  color: #222;
+}
+.vipC .privilegeCompareC .privilegeList {
+  margin: 0 25rpx;
+  padding: 0 30rpx;
+  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 10rpx;
+}
+.vipC .privilegeCompareC .privilegeList .header {
+  margin-top: 50rpx;
+  padding-top: 14rpx;
+  border-bottom: solid 1rpx #F3F4F6;
+}
+.vipC .privilegeCompareC .privilegeList .header .item {
+  line-height: 90rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #555;
+}
+.vipC .privilegeCompareC .privilegeList .header .item.privilege {
+  padding-left: 24rpx;
+  width: 300rpx;
+}
+.vipC .privilegeCompareC .privilegeList .header .item.free {
+  width: 174rpx;
+  text-align: center;
+}
+.vipC .privilegeCompareC .privilegeList .header .item.vip {
+  width: 160rpx;
+  text-align: center;
+}
+.vipC .privilegeCompareC .privilegeList .list .item .optionItem {
+  height: 90rpx;
+  border-bottom: solid 1rpx #F3F4F6;
+}
+.vipC .privilegeCompareC .privilegeList .list .item .optionItem .contain {
+  width: 21rpx;
+  height: auto;
+}
+.vipC .privilegeCompareC .privilegeList .list .item .optionItem .notContain {
+  width: 17rpx;
+  height: auto;
+}
+.vipC .privilegeCompareC .privilegeList .list .optionItem.privilege {
+  width: 300rpx;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #222;
+}
+.vipC .privilegeCompareC .privilegeList .list .optionItem.free {
+  width: 174rpx;
+  font-size: 20rpx;
+  color: #555;
+  text-align: center;
+}
+.vipC .privilegeCompareC .privilegeList .list .optionItem.vip {
+  width: 160rpx;
+}
+.vipC .privilegeCompareC .privilegeList.vip {
+  box-shadow: 0px 0px 9px 0px rgba(249, 115, 22, 0.4);
+}
+.joinVipC {
+  background-color: #F97316;
+  margin: 0 25rpx;
+  left: 0;
+  right: 0;
+  bottom: calc(20rpx + env(safe-area-inset-bottom));
+  line-height: 80rpx;
+  border-radius: 20rpx;
+  font-size: 26rpx;
+  font-weight: 500;
+  color: white;
+  text-align: center;
+}