6.30 版本提交

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

@@ -0,0 +1,63 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const common_assets = require("../../../common/assets.js");
+const _sfc_main = {
+  data() {
+    return {
+      navH: common_vendor.inject("navHeight"),
+      privilegeList: ["高效选股工具", "股票基金明星榜单", "定期专属晨报、股票动态", "独家产业研报", "个股产业分析", "股票、基金基础指标", "7x24 财经直播"]
+    };
+  },
+  methods: {
+    /**
+     * 点击加入vip
+     */
+    clickJoinVip() {
+    }
+  }
+};
+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 {
+    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_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_4$4
+      } : {}, {
+        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_5$4
+      } : {}, {
+        i: index
+      });
+    }),
+    g: common_assets._imports_5$4,
+    h: common_vendor.s("margin-top:" + $data.navH + "px;"),
+    i: 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/pages/mine/vipMeal/vipMeal.js.map

unpackage/dist/dev/mp-weixin/pages/mine/vipMeal/vipMeal.json

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

unpackage/dist/dev/mp-weixin/pages/mine/vipMeal/vipMeal.wxml

@@ -0,0 +1 @@
+<view><nav-bar wx:if="{{a}}" u-i="667ff406-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="vipC" style="{{h}}"><view class="vipInfoC relative"><image class="bg" src="{{c}}" mode="widthFix"></image><view class="infoC absolute"><view class="title">价值前沿</view><view class="tips">您还不是会员 加入尊享N项服务</view></view></view><view class="privilegeCompareC relative"><view class="titleC flexCenter"><image class="icon" src="{{d}}" mode="widthFix"></image><view class="title">特权对比</view><image class="icon" src="{{e}}" mode="widthFix"></image></view><view class="privilegeList"><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="{{f}}" 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="{{g}}" mode="widthFix"></image></view></view></view></view></view></view><view class="joinVipC fixed" bindtap="{{i}}">立即加入年度VIP</view></view>

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

@@ -0,0 +1,115 @@
+.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 .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;
+}
+.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;
+}