会员开通页面

manifest.json

@@ -16,11 +16,11 @@
             "autoclose" : true,
             "delay" : 0
         },
-		"safearea": {
+        "safearea" : {
-			"bottom": {
+            "bottom" : {
-				"offset": "none"
+                "offset" : "none"
-			}
+            }
-		},
+        },
         /* 模块配置 */
         "modules" : {
             "OAuth" : {},
@@ -30,7 +30,6 @@
             "VideoPlayer" : {},
             "Geolocation" : {},
             "Fingerprint" : {},
-            "Maps" : {},
             "Push" : {}
         },
         /* 应用发布信息 */
@@ -82,7 +81,7 @@
                 "payment" : {
                     "weixin" : {
                         "__platform__" : [ "android" ],
-                        "appid" : "wxb7e3c263a2a37ab9",
+                        "appid" : "wx74b2fcb478707364",
                         "UniversalLinks" : ""
                     },
                     "alipay" : {
@@ -91,7 +90,7 @@
                 },
                 "share" : {
                     "weixin" : {
-                        "appid" : "wxb7e3c263a2a37ab9",
+                        "appid" : "wx74b2fcb478707364",
                         "UniversalLinks" : ""
                     }
                 },
@@ -100,11 +99,6 @@
                     "unipush" : {}
                 },
                 "geolocation" : {
-                    "amap" : {
-                        "__platform__" : [ "android" ],
-                        "appkey_ios" : "",
-                        "appkey_android" : "1dfbe526a37dcb1f13263e0b5871ca4d"
-                    },
                     "system" : {
                         "__platform__" : [ "android" ]
                     }

pages.json

@@ -19,7 +19,7 @@
 							"text": "退出登录",
 							"fontSize": "14",
 							"width": "80px",
-							"color": "#fdbc01"
+							"color": "#34CE98"
 						}]
 					}
 				}
@@ -150,14 +150,6 @@
 				"enablePullDownRefresh": true
 			}
 		},
-		{
-			"path": "pages/sign/index",
-			"name": "signIndex",
-			"style": {
-				"navigationBarTitleText": "每日打卡",
-				"navigationBarBackgroundColor": "#FFFFFF"
-			}
-		},
 		{
 			"path": "pages/store/search",
 			"name": "StoreSearch",
@@ -219,8 +211,7 @@
 		}, {
 			"path": "pages/vip/agreement",
 			"style": {
-				"navigationBarTitleText": "",
+				"navigationBarTitleText": "共力会员协议"
-				"enablePullDownRefresh": false
 			}
 
 		}

pages/vip/vip.vue

@@ -1,17 +1,42 @@
 <template>
 	<view class="vip">
 		<view class="vip-card">
-			<view class="user-nickname">唐明阳</view>
+			<view class="vip-user">
-			<view class="user-date">到期日期：2023-06-07</view>
+				<image class="user-cover" src="" mode="aspectFill"></image>
+				<view class="user-nickname">唐明阳</view>
+				<view class="user-date">到期日期：2023-06-07</view>
+				<view class="vip-renewal">续费</view>
+			</view>
 			<view class="user-cards">
-				<view class="vip-lv">践行者</view>
+				<image class="vip-icon" src="/static/vip/lv_04.png" mode="widthFix"></image>
-				<view class="vip-loding">1/3 在邀请3个家庭成员可升级</view>
+				<view>
+					<view class="vip-lv">共力践行者</view>
+					<view class="vip-progress">
+						<view class="vip-progress-loding" style="width: 50%;"></view>
+					</view>
+					<view class="vip-loding">
+						<view>1/3 邀请家庭会员</view>
+						<view>3/100 邀请家族会员员</view>
+					</view>
+				</view>
 				<navigator class="vip-more">成长体系<uni-icons size="14" type="forward" color="#9f5529"></uni-icons></navigator>
 			</view>
 		</view>
 		<view class="vip-content">
-			<view class="">会员成长值</view>
+			<view class="vip-content-title">会员成长值</view>
-			<view class="">会员权益</view>
+			<view class="vip-privilege">
+				<view class="vip-privilege-item" v-for="(item, index) in 8" :key="index">
+					<image class="vip-privilege-icon" src="" mode="widthFix"></image>
+					<view class="vip-privilege-text">特权名称{{index}}</view>
+					<view class="vip-privilege-sub">特权名称{{index}}</view>
+				</view>
+			</view>
+			<view class="vip-content-title">会员折扣说明</view>
+			<view class="vip-content-rich">
+				<view>前1000名会员享受会员费5折优惠</view>
+				<view>前1001-2000名会员享受会员费5折优惠</view>
+				<view>前2001-5000名会员享受会员费5折优惠</view>
+			</view>
 		</view>
 		<view class="footer-vip">
 			<button @click="onOpenVip">开通会员</button>
@@ -48,13 +73,42 @@
 	.vip-card{
 		background-color: #242430;
 		padding: $padding $padding 0;
-		.user-nickname{
+		.vip-user{
-			color: #fcc590;
+			position: relative;
-			font-weight: bold;
+			padding: 6rpx 200rpx $padding 120rpx;
-		}
+			.user-cover{
-		.user-date{
+				position: absolute;
-			color: rgba(255, 255, 255, .5);
+				left: 0;
-			font-size: 26rpx;
+				top: 0;
+				background: white;
+				border-radius: 50%;
+				width: 92rpx;
+				height: 92rpx;
+			}
+			.user-nickname{
+				color: #fcc590;
+				font-weight: bold;
+				font-size: 36rpx;
+				line-height: 50rpx;
+			}
+			.user-date{
+				line-height: 30rpx;
+				color: rgba(255, 255, 255, .5);
+				font-size: 26rpx;
+			}
+			.vip-renewal{
+				background: linear-gradient(to bottom right, #fce3c5, #fcc590);
+				color: #9f5529;
+				line-height: 60rpx;
+				width: 170rpx;
+				border-radius: 30rpx;
+				text-align: center;
+				position: absolute;
+				top: 16rpx;
+				right: 0;
+				font-size: 30rpx;
+				font-weight: bold;
+			}
 		}
 		.user-cards{
 			padding: $padding;
@@ -64,15 +118,42 @@
 			background: linear-gradient(to bottom right, #fce3c5, #fcc590);
 			border-radius: 30rpx 30rpx 0 0;
 			height: 300rpx;
+			padding-right: 260rpx;
 			margin-top: $margin;
 			border-radius: $radius;
 			color: #9f5529;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+			.vip-icon{
+				position: absolute;
+				right: 30rpx;
+				top: 50rpx;
+				width: 200rpx;
+				height: 200rpx;
+			}
 			.vip-lv{
 				font-weight: bold;
 				font-size: 40rpx;
+				padding-bottom: 30rpx;
+			}
+			.vip-progress{
+				height: 10rpx;
+				background-color: #feefe0;
+				border-radius: 5rpx;
+				overflow: hidden;
+				&-loding{
+					background: #9c5125;
+					height: 10rpx;
+					border-radius: 5rpx;
+				}
+			}
+			.vip-loding{
+				font-size: 26rpx;
+				padding-top: 15rpx;
 			}
 			.vip-more{
-				font-size: 28rpx;
+				font-size: 26rpx;
 				font-weight: bold;
 				display: inline-block;
 			}
@@ -84,6 +165,59 @@
 		margin-top: -150rpx;
 		background-color: white;
 		border-radius: 30rpx 30rpx 0 0;
+		box-sizing: border-box;
+		.vip-content-title{
+			position: relative;
+			font-weight: bold;
+			font-size: 30rpx;
+			line-height: 70rpx;
+			padding-left: 30rpx;
+			color: #333;
+			&::after{
+				position: absolute;
+				top: 20rpx;
+				left: 0;
+				content: " ";
+				background: #fcc590;
+				width: 10rpx;
+				height: 30rpx;
+			}
+		}
+		.vip-content-rich{
+			padding: 30rpx 0 0;
+			font-size: 28rpx;
+			line-height: 50rpx;
+			color: gray;
+		}
+		.vip-privilege{
+			display: flex;
+			flex-direction: row;
+			flex-wrap: wrap;
+			padding: 10rpx 0;
+			&-item{
+				padding: 20rpx 10rpx;
+				box-sizing: border-box;
+				width: 25%;
+				text-align: center;
+			}
+			&-icon{
+				background: #fce3c5;
+				border-radius: 50%;
+				width: 82rpx;
+				height: 82rpx;
+			}
+			&-text{
+				font-size: 28rpx;
+				color: #333;
+				font-weight: bold;
+				@extend .nowrap;
+			}
+			&-sub{
+				font-size: 24rpx;
+				color: gray;
+				@extend .nowrap;
+			}
+		}
 	}
 	// 会员支付
 	.footer-vip{

unpackage/dist/dev/app-plus/app-config-service.js

@@ -1,8 +1,8 @@
 
 var isReady=false;var onReadyCallbacks=[];
 var isServiceReady=false;var onServiceReadyCallbacks=[];
-var __uniConfig = {"pages":["pages/auth/auth","pages/auth/role","pages/life/life","pages/store/index","pages/user/index","pages/setting/setting","pages/store/goods","pages/store/buy","pages/order/index","pages/order/details","pages/address/index","pages/address/edit","pages/pay/pay","pages/store/list","pages/store/meals","pages/sign/index","pages/store/search","pages/refund/index","pages/account/integral","pages/account/dt","pages/account/recharge","pages/vip/vip","pages/vip/agreement"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"ZH健康","navigationBarBackgroundColor":"#F3F6FB","backgroundColorTop":"#F3F6FB","backgroundColorBottom":"#F3F6FB"},"tabBar":{"borderStyle":"white","selectedColor":"#34CE98","list":[{"iconPath":"static/tabBar/tabBar_02.png","selectedIconPath":"static/tabBar/tabBar_show_02.png","pagePath":"pages/life/life","text":"共力人生"},{"iconPath":"static/tabBar/tabBar_02.png","selectedIconPath":"static/tabBar/tabBar_show_02.png","pagePath":"pages/store/index","text":"DT商城"},{"iconPath":"static/tabBar/tabBar_03.png","selectedIconPath":"static/tabBar/tabBar_show_03.png","pagePath":"pages/user/index","text":"我的"}]},"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"ZH-HEALTH","compilerVersion":"3.4.7","entryPagePath":"pages/auth/auth","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
+var __uniConfig = {"pages":["pages/auth/auth","pages/auth/role","pages/life/life","pages/store/index","pages/user/index","pages/setting/setting","pages/store/goods","pages/store/buy","pages/order/index","pages/order/details","pages/address/index","pages/address/edit","pages/pay/pay","pages/store/list","pages/store/meals","pages/store/search","pages/refund/index","pages/account/integral","pages/account/dt","pages/account/recharge","pages/vip/vip","pages/vip/agreement"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"ZH健康","navigationBarBackgroundColor":"#F3F6FB","backgroundColorTop":"#F3F6FB","backgroundColorBottom":"#F3F6FB"},"tabBar":{"borderStyle":"white","selectedColor":"#34CE98","list":[{"iconPath":"static/tabBar/tabBar_02.png","selectedIconPath":"static/tabBar/tabBar_show_02.png","pagePath":"pages/life/life","text":"共力人生"},{"iconPath":"static/tabBar/tabBar_02.png","selectedIconPath":"static/tabBar/tabBar_show_02.png","pagePath":"pages/store/index","text":"DT商城"},{"iconPath":"static/tabBar/tabBar_03.png","selectedIconPath":"static/tabBar/tabBar_show_03.png","pagePath":"pages/user/index","text":"我的"}]},"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"ZH-HEALTH","compilerVersion":"3.4.14","entryPagePath":"pages/vip/vip","entryPageQuery":"","realEntryPagePath":"pages/auth/auth","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
-var __uniRoutes = [{"path":"/pages/auth/auth","meta":{"isQuit":true},"window":{"navigationBarTitleText":"登录","navigationStyle":"custom"}},{"path":"/pages/auth/role","meta":{},"window":{"navigationBarTitleText":"角色创建","navigationBarBackgroundColor":"#FFF","titleNView":{"buttons":[{"text":"退出登录","fontSize":"14","width":"80px","color":"#fdbc01"}]}}},{"path":"/pages/life/life","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"共力人生","navigationStyle":"custom"}},{"path":"/pages/store/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"DT商城","enablePullDownRefresh":true,"titleNView":{"backgroundColor":"#FFFFFF","buttons":[{"float":"right","text":"","fontSrc":"/static/iconfont.ttf","color":"#000","fontSize":"20px"}]}}},{"path":"/pages/user/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"我的","navigationStyle":"custom"}},{"path":"/pages/setting/setting","meta":{},"window":{"navigationBarTitleText":"设置中心","navigationBarBackgroundColor":"#34CE98","navigationBarTextStyle":"white"}},{"path":"/pages/store/goods","meta":{},"window":{"navigationStyle":"custom","navigationBarTitleText":"详情","titleNView":{"backgroundColor":"#FFFFFF","type":"transparent"}}},{"path":"/pages/store/buy","meta":{},"window":{"navigationBarTitleText":"确认订单","enablePullDownRefresh":false}},{"path":"/pages/order/index","meta":{},"window":{"navigationBarTitleText":"订单","navigationBarBackgroundColor":"#FFFFFF","enablePullDownRefresh":false}},{"path":"/pages/order/details","meta":{},"window":{"navigationBarTitleText":"订单详情","enablePullDownRefresh":false}},{"path":"/pages/address/index","meta":{},"window":{"navigationBarTitleText":"收货地址"}},{"path":"/pages/address/edit","meta":{},"window":{"navigationBarTitleText":"编辑","enablePullDownRefresh":false}},{"path":"/pages/pay/pay","meta":{},"window":{"navigationBarTitleText":"收银台","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/store/list","meta":{},"window":{"navigationBarTitleText":"商品","navigationBarBackgroundColor":"#FFFFFF","enablePullDownRefresh":true}},{"path":"/pages/store/meals","meta":{},"window":{"navigationBarTitleText":"套餐","navigationBarBackgroundColor":"#FFFFFF","enablePullDownRefresh":true}},{"path":"/pages/sign/index","meta":{},"window":{"navigationBarTitleText":"每日打卡","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/store/search","meta":{},"window":{"navigationBarTitleText":"搜索","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/refund/index","meta":{},"window":{"navigationBarTitleText":"退换货","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/account/integral","meta":{},"window":{"navigationBarTitleText":"共力值","navigationBarBackgroundColor":"#34CE98","navigationBarTextStyle":"white"}},{"path":"/pages/account/dt","meta":{},"window":{"navigationBarTitleText":"DT积分","navigationBarBackgroundColor":"#34CE98","backgroundColorTop":"#34CE98","navigationBarTextStyle":"white","titleNView":{"buttons":[{"text":"充值","width":"60","fontSize":"14","fontWeight":"bold"}]}}},{"path":"/pages/account/recharge","meta":{},"window":{"navigationBarTitleText":"DT积分充值","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/vip/vip","meta":{},"window":{"navigationBarTitleText":"共力会员","navigationBarBackgroundColor":"#242430","navigationBarTextStyle":"white","backgroundColorTop":"#242430"}},{"path":"/pages/vip/agreement","meta":{},"window":{"navigationBarTitleText":"","enablePullDownRefresh":false}}];
+var __uniRoutes = [{"path":"/pages/auth/auth","meta":{"isQuit":true},"window":{"navigationBarTitleText":"登录","navigationStyle":"custom"}},{"path":"/pages/auth/role","meta":{},"window":{"navigationBarTitleText":"角色创建","navigationBarBackgroundColor":"#FFF","titleNView":{"buttons":[{"text":"退出登录","fontSize":"14","width":"80px","color":"#34CE98"}]}}},{"path":"/pages/life/life","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"共力人生","navigationStyle":"custom"}},{"path":"/pages/store/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"DT商城","enablePullDownRefresh":true,"titleNView":{"backgroundColor":"#FFFFFF","buttons":[{"float":"right","text":"","fontSrc":"/static/iconfont.ttf","color":"#000","fontSize":"20px"}]}}},{"path":"/pages/user/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"我的","navigationStyle":"custom"}},{"path":"/pages/setting/setting","meta":{},"window":{"navigationBarTitleText":"设置中心","navigationBarBackgroundColor":"#34CE98","navigationBarTextStyle":"white"}},{"path":"/pages/store/goods","meta":{},"window":{"navigationStyle":"custom","navigationBarTitleText":"详情","titleNView":{"backgroundColor":"#FFFFFF","type":"transparent"}}},{"path":"/pages/store/buy","meta":{},"window":{"navigationBarTitleText":"确认订单","enablePullDownRefresh":false}},{"path":"/pages/order/index","meta":{},"window":{"navigationBarTitleText":"订单","navigationBarBackgroundColor":"#FFFFFF","enablePullDownRefresh":false}},{"path":"/pages/order/details","meta":{},"window":{"navigationBarTitleText":"订单详情","enablePullDownRefresh":false}},{"path":"/pages/address/index","meta":{},"window":{"navigationBarTitleText":"收货地址"}},{"path":"/pages/address/edit","meta":{},"window":{"navigationBarTitleText":"编辑","enablePullDownRefresh":false}},{"path":"/pages/pay/pay","meta":{},"window":{"navigationBarTitleText":"收银台","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/store/list","meta":{},"window":{"navigationBarTitleText":"商品","navigationBarBackgroundColor":"#FFFFFF","enablePullDownRefresh":true}},{"path":"/pages/store/meals","meta":{},"window":{"navigationBarTitleText":"套餐","navigationBarBackgroundColor":"#FFFFFF","enablePullDownRefresh":true}},{"path":"/pages/store/search","meta":{},"window":{"navigationBarTitleText":"搜索","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/refund/index","meta":{},"window":{"navigationBarTitleText":"退换货","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/account/integral","meta":{},"window":{"navigationBarTitleText":"共力值","navigationBarBackgroundColor":"#34CE98","navigationBarTextStyle":"white"}},{"path":"/pages/account/dt","meta":{},"window":{"navigationBarTitleText":"DT积分","navigationBarBackgroundColor":"#34CE98","backgroundColorTop":"#34CE98","navigationBarTextStyle":"white","titleNView":{"buttons":[{"text":"充值","width":"60","fontSize":"14","fontWeight":"bold"}]}}},{"path":"/pages/account/recharge","meta":{},"window":{"navigationBarTitleText":"DT积分充值","navigationBarBackgroundColor":"#FFFFFF"}},{"path":"/pages/vip/vip","meta":{},"window":{"navigationBarTitleText":"共力会员","navigationBarBackgroundColor":"#242430","navigationBarTextStyle":"white","backgroundColorTop":"#242430"}},{"path":"/pages/vip/agreement","meta":{},"window":{"navigationBarTitleText":"共力会员协议"}}];
 __uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
 __uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
 service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:Math.round(f/20)})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:void 0,window:void 0,document:void 0,frames:void 0,self:void 0,location:void 0,navigator:void 0,localStorage:void 0,history:void 0,Caches:void 0,screen:void 0,alert:void 0,confirm:void 0,prompt:void 0,fetch:void 0,XMLHttpRequest:void 0,WebSocket:void 0,webkit:void 0,print:void 0}}}});