4.8

components/back/back.vue

@@ -1,7 +1,7 @@
 <template>
-	<view class="back" :style="'height:'+capsuleHeight+ 'px;top:'+capsuleHighly+'px;'">
-		<u-icon name="arrow-left" color="#000000" size="22" @click="backIconHandler"></u-icon>
-		<view class="back-text">
+	<view class="back" :style="{height: capsuleHeight+ 'px',top:capsuleHighly+'px'}">
+		<u-icon name="arrow-left" :color="color" size="22" @click="backIconHandler"></u-icon>
+		<view class="back-text" :style="{color: color}">
 			{{ text }}
 		</view>
 	</view>
@@ -14,6 +14,10 @@
 			text:{
 				type:String,
 				default:''
+			},
+			color:{
+				type:String,
+				default:'#000'
 			}
 		},
 		data() {

information/children.js

@@ -89,6 +89,10 @@ export default {
 			date: 7,
 			month: 4,
 			year: 2022
+		},{
+			date: 8,
+			month: 4,
+			year: 2022
 		}],
 		//评测作业活动内容
 		homeworkDetail: '',

information/parent.js

@@ -13,6 +13,8 @@ export default {
 		parentdetail: JSON.parse(uni.getStorageSync('parentdetail') || '{}'),
 		myData: {
 			subscribeLevel: '专业版',
+			subscribePrivilege: '这里是订阅权益描述信息',
+			subscribeTime: '2022.2.15-2025.2.15',
 			msgList: [{
 					icon: 't-icon t-icon-shuju',
 					title: '成绩通知',

pages/home/home.vue

@@ -114,11 +114,11 @@
 					//出勤状况
 					attendance: '已打卡',
 					//打卡时间
-					attendanceTime: '08:15',
+					attendanceTime: '08:27',
 					//处理后时间
 					attendanceTimeAfter: [],
 					//出勤质量
-					attendanceQuality: '优秀'
+					attendanceQuality: '良好'
 				},
 				//属性(不修改)
 				//图标

subpkg/calendarmsg/calendarmsg.vue

@@ -39,7 +39,7 @@
 							<text class="msg-text">{{attendanceTime}}</text>
 						</view>
 						<view class="flex">
-							<text class="msg-text" style="font-weight: normal;font-size: 28rpx;">本日出勤:</text>
+							<text class="msg-text" style="font-weight: normal;font-size: 28rpx;">出勤速度:</text>
 							<text class="msg-text">{{attendanceQuality}}</text>
 						</view>
 					</view>

subpkg/common/infopage.scss

@@ -30,7 +30,7 @@
 
 				.detail {
 					color: #FFF;
-					font-size: 40rpx;
+					font-size: 32rpx;
 					font-weight: bold;
 				}
 			}

subpkg/guide/guide.vue

@@ -47,7 +47,7 @@
 						console.log(numData.phoneNumber)
 						// const parentDetailData = await uni.$http.post('',numData.phoneNumber)
 						this.updateParentDetail({
-							phoneNumber: '17882237075',
+							phoneNumber: numData.phoneNumber,
 							name: '家长姓名',
 							childrenList: [{
 								avatar: '/static/default-icons/boy.png',

subpkg/parentInfo/parentInfo.vue

@@ -7,7 +7,7 @@
 			<image class="top-avatar" :src="parentinfo.avatarUrl" size="100"></image>
 			<view class="top-name">
 				<text class="name">{{parentinfo.nickName}}</text>
-				<text class="detail">{{parentdetail.phoneNumber}}</text>
+				<text class="detail">账号: {{parentdetail.phoneNumber}}</text>
 			</view>
 		</view>
 
@@ -21,11 +21,11 @@
 				</view>
 				<view class="i-item">
 					<view class="t-icon t-icon-keji"></view>
-					<u-cell class="cell-box" size="large" title="订阅信息" label="描述信息" :border="false"></u-cell>
+					<u-cell class="cell-box" size="large" title="订阅权益" :label="myData.subscribePrivilege" :border="false"></u-cell>
 				</view>
 				<view class="i-item">
 					<view class="t-icon t-icon-qingjiashenqing"></view>
-					<u-cell class="cell-box" size="large" title="订阅时间" label="2022.2.15-2025.2.15" :border="false">
+					<u-cell class="cell-box" size="large" title="订阅时间" :label="myData.subscribeTime" :border="false">
 					</u-cell>
 				</view>
 			</u-cell-group>

subpkg/subscribecenter/subscribecenter.vue

@@ -1,35 +1,94 @@
 <template>
 	<view class="container">
 		<!-- 返回按钮 -->
-		<back text="订阅中心"></back>
+		<back text="订阅中心" color="#FFF"></back>
+		<view class="bg"></view>
 		<view class="vipcard">
-			<view class="card-title">{{}}</view>
-		</view>
+			<view class="card-title">{{myData.subscribeLevel}}</view>
+			<view class="card-detail">{{endTime}} 到期</view>
+			<view class="card-detail">{{myData.subscribePrivilege}}</view>
+			<view class="btn-box">
+				<view class="border-box">
+					<view class="btn-text">升级版本</view>
+				</view>
+				<view class="border-box">
+					<view class="btn-text">订阅续费</view>
+				</view>
+			</view>
+		</view>
+		
 	</view>
 </template>
 
-<script>
-	export default {
+<script>
+	import {mapState} from 'vuex'
+	export default {
+		computed:{
+			...mapState('m_parent',['myData'])
+		},
 		data() {
 			return {
-				
+				endTime: '',
 			};
+		},
+		onLoad() {
+			this.setEndTime()
+		},
+		methods:{
+			setEndTime(){
+				this.endTime = this.myData.subscribeTime.split('-')[1]
+				console.log(this.endTime);
+			}
 		}
 	}
 </script>
 
 <style lang="scss">
+	.bg{
+		position: fixed;
+		left: 50%;
+		right: 50%;
+		transform: translate(-50%,-50%);
+		width: 1800rpx;
+		height: 1600rpx;
+		border-radius: 50%;
+		background-color: #404148;
+		z-index: -1;
+	}
 	.vipcard{
 		position: relative;
 		top: 50rpx;
 		left: 50rpx;
 		width: 100%;
 		height: 350rpx;
-		background-color: #FFF;
+		background: linear-gradient(to right, #f8e4bf, #e1bc87);
 		border-radius: $card-border-radius;
-		padding: 20rpx;
+		padding: 50rpx;
 		.card-title{
-			
+			font-size: 50rpx;
+			font-weight: bold;
+			color: #7e5320;
+		}
+		.card-detail{
+			margin-top: 10rpx;
+			font-size: 26rpx;
+			color: #b4986b;
+		}
+		.btn-box{
+			width: 50%;
+			margin-top: 100rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+		}
+	}
+	.border-box{
+		border-radius: 100rpx;
+		border: 1rpx solid #7e5320;
+		padding: 10rpx;
+		.btn-text{
+			font-size: 30rpx;
+			color: #7e5320;
 		}
 	}