From 1c084553896ec2c78ecf89fbc231783eef6f9f19 Mon Sep 17 00:00:00 2001
From: zoujiandong <10130823232@qq.com>
Date: Fri, 22 Aug 2025 17:42:43 +0800
Subject: [PATCH] =?UTF-8?q?8.22=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                |  73 ++++++
 pages_app/changeMobile/changeMobile.vue   | 193 ++++++++++++++
 pages_app/idcardAuth/idcardAuth.vue       | 303 ++++++++++++++++++++++
 pages_app/myCode/myCode.vue               | 162 +++++++++---
 pages_app/myCollect/myCollect.vue         | 109 ++++++++
 pages_app/myCourseware/myCourseware.vue   | 278 ++++++++++++++++++++
 pages_app/myDownLoad/myDownLoad.vue       |  90 +++++++
 pages_app/myVideo/myVideo.vue             |  82 ++++++
 pages_app/videoHistroy/videoHistroy.vue   | 214 +++++++++++++++
 pages_app/wechatContact/wechatContact.vue |  96 +++++++
 static/add_card_no.png                    | Bin 0 -> 1936 bytes
 static/add_card_yes.png                   | Bin 0 -> 2091 bytes
 static/course_download.png                | Bin 0 -> 1290 bytes
 static/course_yuan.png                    | Bin 0 -> 1745 bytes
 static/fapaio_tip.png                     | Bin 0 -> 1233 bytes
 15 files changed, 1559 insertions(+), 41 deletions(-)
 create mode 100644 pages_app/changeMobile/changeMobile.vue
 create mode 100644 pages_app/idcardAuth/idcardAuth.vue
 create mode 100644 pages_app/myCollect/myCollect.vue
 create mode 100644 pages_app/myCourseware/myCourseware.vue
 create mode 100644 pages_app/myDownLoad/myDownLoad.vue
 create mode 100644 pages_app/myVideo/myVideo.vue
 create mode 100644 pages_app/videoHistroy/videoHistroy.vue
 create mode 100644 pages_app/wechatContact/wechatContact.vue
 create mode 100644 static/add_card_no.png
 create mode 100644 static/add_card_yes.png
 create mode 100644 static/course_download.png
 create mode 100644 static/course_yuan.png
 create mode 100644 static/fapaio_tip.png

diff --git a/pages.json b/pages.json
index e22995c..3a55850 100644
--- a/pages.json
+++ b/pages.json
@@ -359,6 +359,79 @@
 				 }
 			}
 		},
+		
+		{
+			"path": "myDownLoad/myDownLoad",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		
+		{
+			"path": "myCollect/myCollect",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "myCourseware/myCourseware",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "changeMobile/changeMobile",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "wechatContact/wechatContact",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "idcardAuth/idcardAuth",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		
+		{
+			"path": "videoHistroy/videoHistroy",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
 		{
 			"path": "pwdLogin/pwdLogin",
 			"style": {
diff --git a/pages_app/changeMobile/changeMobile.vue b/pages_app/changeMobile/changeMobile.vue
new file mode 100644
index 0000000..546e195
--- /dev/null
+++ b/pages_app/changeMobile/changeMobile.vue
@@ -0,0 +1,193 @@
+<template>
+	<view class="change-mobile-page">
+		<!-- 顶部导航栏 -->
+		<uni-nav-bar
+			left-icon="left"
+			title="更换手机号"
+			@clickLeft="goBack"
+			fixed
+			color="#8B2316"
+			height="140rpx"
+			:border="false"
+			backgroundColor="#eeeeee"
+		></uni-nav-bar>
+
+		<!-- 表单区域 -->
+		<view class="form-wrapper">
+			<!-- 新手机号 -->
+			<view class="input-row">
+				<view class="left-icon">
+					<up-image  :src="phoneImg" width="36rpx" height="36rpx" ></up-image>
+				</view>
+				<input
+					class="text-input"
+					type="number"
+					maxlength="11"
+					v-model="mobile"
+					placeholder="请输入新手机号码"
+					placeholder-style="color:#c7c7c7"
+				/>
+			</view>
+
+			<!-- 验证码 -->
+			<view class="input-row">
+				<view class="left-icon">
+					<up-image  :src="smsImg" width="36rpx" height="36rpx" ></up-image>
+				</view>
+				<input
+					class="text-input"
+					type="number"
+					maxlength="6"
+					v-model="code"
+					placeholder="请输入验证码"
+					placeholder-style="color:#c7c7c7"
+				/>
+				<button
+					class="code-btn"
+					:disabled="sending || !canSend"
+					@click="sendCode"
+				>
+					{{ sending ? countdown + 's' : '获取验证码' }}
+				</button>
+			</view>
+		</view>
+
+		<!-- 底部确定按钮 -->
+		<view class="bottom-bar">
+			<button class="confirm-btn" @click="onConfirm">确定</button>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref, onUnmounted,computed } from 'vue';
+	import phoneImg from "@/static/phone.png"
+	import smsImg from "@/static/sms.png"
+const mobile = ref('');
+const code = ref('');
+const sending = ref(false);
+const countdown = ref(60);
+let timer = null;
+
+const canSend = computed(() => /^1\d{10}$/.test(mobile.value));
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const startTimer = () => {
+	sending.value = true;
+	countdown.value = 60;
+	timer = setInterval(() => {
+		countdown.value -= 1;
+		if (countdown.value <= 0) {
+			clearInterval(timer);
+			timer = null;
+			sending.value = false;
+		}
+	}, 1000);
+};
+
+const sendCode = () => {
+	if (!canSend.value) {
+		uni.showToast({ title: '请先输入正确的手机号', icon: 'none' });
+		return;
+	}
+	if (sending.value) return;
+	// TODO: 调用发送验证码接口
+	uni.showToast({ title: '验证码已发送', icon: 'success' });
+	startTimer();
+};
+
+const onConfirm = () => {
+	if (!canSend.value) {
+		uni.showToast({ title: '手机号格式不正确', icon: 'none' });
+		return;
+	}
+	if (!/^\d{4,6}$/.test(code.value)) {
+		uni.showToast({ title: '请输入正确的验证码', icon: 'none' });
+		return;
+	}
+	// TODO: 提交更换手机号
+	uni.showToast({ title: '已提交', icon: 'success' });
+};
+
+onUnmounted(() => {
+	if (timer) clearInterval(timer);
+});
+</script>
+
+<style lang="scss" scoped>
+.change-mobile-page {
+	min-height: 100vh;
+	background: #ffffff;
+}
+
+.form-wrapper {
+	padding: 40rpx 30rpx 0; // 顶部导航占位
+}
+
+.input-row {
+	display: flex;
+	align-items: center;
+	background: #ffffff;
+	border: 2rpx solid #eeeeee;
+	border-radius: 16rpx;
+	height: 90rpx;
+	padding: 0 20rpx;
+	margin-bottom: 30rpx;
+}
+
+.left-icon {
+	width: 50rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-right: 10rpx;
+}
+
+.text-input {
+	flex: 1;
+	height: 100%;
+	font-size: 30rpx;
+	color: #333333;
+}
+
+.code-btn {
+	width: 200rpx;
+	height: 44rpx;
+	background-color: #fff;
+	border-radius: 50rpx;
+	margin-right: 10px;
+	display: flex;
+	font-size: 25rpx;
+	color:#8B2316;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+	border: 2rpx solid #8B2316;
+	transition: background-color 0.2s ease;
+}
+.code-btn:disabled {
+	opacity: 0.5;
+	color:#8B2316;
+	background-color: #ccc;
+}
+
+.bottom-bar {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 40rpx;
+}
+
+.confirm-btn {
+	margin: 0 30rpx;
+	height: 100rpx;
+	border-radius: 20rpx;
+	border: 2rpx solid #8B2316;
+	background: #ffffff;
+	color: #8B2316;
+	font-size: 34rpx;
+}
+</style>
diff --git a/pages_app/idcardAuth/idcardAuth.vue b/pages_app/idcardAuth/idcardAuth.vue
new file mode 100644
index 0000000..418eb53
--- /dev/null
+++ b/pages_app/idcardAuth/idcardAuth.vue
@@ -0,0 +1,303 @@
+<template>
+	<view class="idcard-auth-page">
+		<!-- 顶部导航栏 -->
+		<uni-nav-bar
+			left-icon="left"
+			title="身份验证"
+			@cviewckLeft="goBack"
+			fixed
+			color="#8B2316"
+			height="140rpx"
+			:border="false"
+			backgroundColor="#eeeeee"
+		>
+		</uni-nav-bar>
+		<!-- 内容区域 -->
+		<view class="content-area">
+			<!-- 进度指示器 -->
+			<view class="progress-bar">
+				<view class="barbox">
+					<view class="imgbox">
+						<up-image  :src="stepImg" width="46rpx" height="46rpx" ></up-image>
+						<view class="desc ">身份信息</view>
+					</view>
+					<view class="line"></view>
+					<view class="imgbox">
+						<up-image  :src="stepImg" width="46rpx" height="46rpx" ></up-image>
+						<view class="desc">添加银行卡</view>
+					</view>
+					<view class="line"></view>
+					<view class="imgbox">
+					  <up-image  :src="stepImg" width="46rpx" height="46rpx" ></up-image>
+				      <view class="desc">完成</view>
+					</view>
+				</view>
+				
+			<!-- 	<view class="progress-step active">
+					<view class="step-icon">
+						<uni-icons type="checkmarkempty" color="#ff0000" size="20"></uni-icons>
+					</view>
+					<text class="step-text">身份信息</text>
+				</view>
+				<view class="progress-line active"></view>
+				<view class="progress-step">
+					<view class="step-icon">
+						<uni-icons type="checkmarkempty" color="#cccccc" size="20"></uni-icons>
+					</view>
+					<text class="step-text">添加银行卡</text>
+				</view>
+				<view class="progress-line"></view>
+				<view class="progress-step">
+					<view class="step-icon">
+						<uni-icons type="checkmarkempty" color="#cccccc" size="20"></uni-icons>
+					</view>
+					<text class="step-text">完成</text>
+				</view> -->
+			</view>
+
+			<!-- 输入表单 -->
+			<view class="form-section">
+				<view class="form-item">
+					<text class="form-label">姓名</text>
+					<input 
+						class="form-input" 
+						placeholder="请输入您的姓名" 
+						v-model="formData.name"
+						placeholder-style="color: #cccccc"
+					/>
+				</view>
+				<view class="form-item">
+					<text class="form-label">身份证号</text>
+					<input 
+						class="form-input" 
+						placeholder="请输入您的身份证号" 
+						v-model="formData.idNumber"
+						placeholder-style="color: #cccccc"
+					/>
+				</view>
+			</view>
+
+			<!-- 提示文字 -->
+			<view class="warning-text">
+				平台不支持绑定多人银行卡,请务必绑定本人卡,实名认证信息,谨慎填写!
+			</view>
+
+			<!-- 下一步按钮 -->
+			<view class="bottom-actions">
+				<button class="next-btn" @click="onNextStep">下一步</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import stepImg from "@/static/add_card_no.png"
+import stepActiveImg from "@/static/add_card_yes.png"
+const formData = ref({
+	name: '',
+	idNumber: ''
+});
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const onNextStep = () => {
+	if (!formData.value.name.trim()) {
+		uni.showToast({ title: '请输入姓名', icon: 'none' });
+		return;
+	}
+	if (!formData.value.idNumber.trim()) {
+		uni.showToast({ title: '请输入身份证号', icon: 'none' });
+		return;
+	}
+	
+	uni.showToast({ title: '验证通过，跳转下一步', icon: 'success' });
+	// 这里可以跳转到下一步页面
+};
+</script>
+
+<style lang="scss" scoped>
+.idcard-auth-page {
+	min-height: 100vh;
+	background: #f5f5f5;
+}
+
+.content-area {
+	padding-top: 160rpx;
+	padding: 0rpx 0rpx 0;
+}
+
+.progress-bar {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	background: #ffffff;
+	padding: 80rpx 20rpx 120rpx;
+	border-radius: 16rpx;
+	margin-bottom: 30rpx;
+	.barbox{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		.imgbox{
+			flex:1;
+			
+			position: relative;
+			.desc{
+				position: absolute;
+				left:-50%;
+				color:#d0d0d0;
+				top:80rpx;
+				font-size: 28rpx;
+				margin-left: -10rpx;
+				white-space: nowrap;
+				transform: translateY(-50%);
+				&.active{
+					color:#8B2316;
+				}
+			}
+			
+		}
+		.imgbox:last-child{
+			.desc{
+				margin-left: 15rpx;
+			}
+		}
+		.line{
+			width:240rpx;
+			margin:0 -2rpx;
+			height: 16rpx;
+			background:#cccccc;
+			&.active{
+				background:#8B2316;
+			}
+		}
+	}
+	.steptext{
+		margin:0 30rpx;
+		display: flex;
+		width:900rpx;
+		justify-content: space-between;
+		align-items:center ;
+	}
+	.progress-step {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		flex: 1;
+		
+		.step-icon {
+			width: 60rpx;
+			height: 60rpx;
+			border-radius: 50%;
+			background: #f0f0f0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-bottom: 16rpx;
+			
+			&.active {
+				background: #ff0000;
+			}
+		}
+		
+		.step-text {
+			font-size: 24rpx;
+			color: #666666;
+			
+			&.active {
+				color: #000000;
+			}
+		}
+		
+		&.active {
+			.step-icon {
+				background: #ff0000;
+			}
+			.step-text {
+				color: #000000;
+			}
+		}
+	}
+	
+	.progress-line {
+		flex: 1;
+		height: 4rpx;
+		background: #f0f0f0;
+		margin: 0 20rpx;
+		
+		&.active {
+			background: #ff0000;
+		}
+	}
+}
+
+.form-section {
+	background: #ffffff;
+	border-radius: 16rpx;
+	padding: 30rpx;
+	
+	
+	.form-item {
+		margin-bottom: 30rpx;
+		display: flex;
+		align-items: center;
+		border-bottom: 2rpx solid #eee;
+		
+		&:last-child {
+			margin-bottom: 0;
+		}
+		
+		.form-label {
+			display: block;
+			font-size: 28rpx;
+			color: #000000;
+			width:120rpx;
+		}
+		
+		.form-input {
+			flex:1;
+			height: 80rpx;
+			
+			padding: 0 20rpx;
+			font-size: 28rpx;
+			background: #ffffff;
+			
+			&:focus {
+				border-color: #ff0000;
+			}
+		}
+	}
+}
+
+.warning-text {
+	background: #ffffff;
+	border-radius: 16rpx;
+	padding: 30rpx;
+	margin-bottom: 60rpx;
+	font-size: 26rpx;
+	color: #000000;
+	line-height: 1.6;
+}
+
+.bottom-actions {
+	padding: 0 30rox 40rpx;
+	
+	.next-btn {
+		margin:0 30rpx;
+		height: 88rpx;
+		background: #cccccc;
+		color: #ffffff;
+		border: none;
+		border-radius: 8rpx;
+		font-size: 32rpx;
+		
+		&:active {
+			background: #8B2316;
+		}
+	}
+}
+</style>
diff --git a/pages_app/myCode/myCode.vue b/pages_app/myCode/myCode.vue
index 4f54f18..a211c24 100644
--- a/pages_app/myCode/myCode.vue
+++ b/pages_app/myCode/myCode.vue
@@ -24,43 +24,50 @@
 			</view>
 
 			<!-- 白色信息卡 -->
-			<view class="qr-card">
-				<view class="avatar-wrapper">
-					<image class="avatar" :src="avatarImg" mode="aspectFill" />
-				</view>
-				<view class="name-viewne">邹建东 主任医师</view>
-				<view class="org-viewne">北京肝胆相照公益基金会</view>
-				<view class="dash-viewne"></view>
-				<view class="slogan">
-					<text class="h1">不方便到医院就诊</text>
-					<text >我在<text class="hl">肝胆相照</text>线上帮助您！</text>
-				</view>
-				<view class="contact-qr">
-					<view class="contact-btn">
-						<up-image  :src="viewnkImg" width="430rpx" height="131rpx" ></up-image>
-						
+			<view class="qrbox">
+				<view class="qr-card">
+					<view class="leftCircle"></view>
+					<view class="rightCircle"></view>
+					<view class="halfCircle"></view>
+					<view class="avatar-wrapper">
+						<image class="avatar" :src="avatarImg" mode="aspectFill" />
+					</view>
+					<view class="name-viewne">邹建东 主任医师</view>
+					<view class="org-viewne">北京肝胆相照公益基金会</view>
+					<view class="dash-viewne"></view>
+					<view class="slogan">
+						<text class="h1">不方便到医院就诊</text>
+						<text >我在<text class="hl">肝胆相照</text>线上帮助您！</text>
+					</view>
+					<view class="contact-qr">
+						<view class="contact-btn">
+							<up-image  :src="viewnkImg" width="430rpx" height="131rpx" ></up-image>
+							
+						</view>
+						<image class="qr-img" :src="qrImg" mode="aspectFit" />
 					</view>
-					<image class="qr-img" :src="qrImg" mode="aspectFit" />
 				</view>
 			</view>
-			<view class="square">
-				    <view class="s-top"></view>
-				    <view class="s-middle">
-						<view id="head">如何添加我为随访医生？</view>
-					</view>
-				    <view class="s-bottom">
-						<view>
-							<view><text>1</text>微信扫一扫上方二维码，关注“肝胆相照一家人”公众号</view>
-							<view><text>2</text>点击“邹建东专家工作室”，选择微信登录，注册后直接发送随访申请</view>
-							<view><text>3</text>若未弹出“随访申请发送成功”提示，请再次点击“邹建东专家工作室”发送随访申请</view>
-							<view><text>4</text>审核通过后，点击“就医服务-随访交流”，与专家进行图文交流</view>
+			<view class="squrebox">
+				<view class="square">
+					    <view class="s-top"></view>
+					    <view class="s-middle">
+							<view id="head">如何添加我为随访医生？</view>
 						</view>
+					    <view class="s-bottom">
+							<view>
+								<view class="descrow"><text>1</text>微信扫一扫上方二维码，关注“肝胆相照一家人”公众号</view>
+								<view class="descrow"><text>2</text>点击“邹建东专家工作室”，选择微信登录，注册后直接发送随访申请</view>
+								<view class="descrow"><text>3</text>若未弹出“随访申请发送成功”提示，请再次点击“邹建东专家工作室”发送随访申请</view>
+								<view class="descrow"><text>4</text>审核通过后，点击“就医服务-随访交流”，与专家进行图文交流</view>
+							</view>
+						</view>
+					    <view class="s-half-circle"></view>
+						<view class="s-half-circle-left"></view>
 					</view>
-				    <view class="s-half-circle"></view>
-					<view class="s-half-circle-left"></view>
-				</view>
+			</view>
 
-			<view class="bottom-gap"></view>
+			
 		</scroll-view>
 
 		<!-- 底部保存按钮 -->
@@ -92,18 +99,48 @@ const onSave = () => {
 	min-height: 100vh;
 	background-color: #0d7dfd;
 }
-.square{
+.squrebox{
 	margin:0 30rpx;
-	padding-bottom: 40rpx;
-	border: 2rpx solid #fff;
+	
+	
+	
+	
+	 overflow: hidden;
+}
+.square{
 	background-color: #3492FC;
 	 border-radius: 30rpx;
-	 overflow: hidden;
+	padding-bottom: 40rpx;
+	border: 2rpx solid #fff;
+	 position: relative;
+	 .s-half-circle-left{
+	 	border: 2rpx solid #fff;
+	 	    position: absolute;
+	 	    width: 60rpx;
+	 	    height: 60rpx;
+	 	    z-index:1;
+	 	    border-radius:50%;
+	 	    top:53rpx;
+	 	    background-color: #0d7dfd;
+	 	    left: -30rpx;
+	 }
+	 .s-half-circle{
+	 	border: 2rpx solid #fff;
+	 	    position: absolute;
+	 	    width: 60rpx;
+	 	    height: 60rpx;
+	 	    z-index:1;
+	 	    border-radius:50%;
+	 	    top:53rpx;
+	 	    background-color: #0d7dfd;
+	 	    right: -30rpx;
+	 }
 	 text{
 		 display: inline-flex;
 		 width: 40rpx;
 		 background-color: #6FB3FE;
 		 height: 40rpx;
+		 margin-right: 10rpx;
 		 border-radius:50%;
 		 align-items: center;
 		 justify-content: center;
@@ -126,8 +163,12 @@ const onSave = () => {
 	.s-bottom{
 	    padding:0 40rpx;
 	   font-size: 26rpx;
+	   margin-top: 30rpx;
 	   line-height: 40rpx;
 	   color:#fff;
+	   .descrow{
+		   margin-bottom: 10rpx;
+	   }
 	    
 	}
 }
@@ -157,19 +198,54 @@ const onSave = () => {
 
 .qr-card {
 	position: relative;
-	margin: -120rpx 30rpx 0;
+	margin: -120rpx 30rpx 30rpx;
 	background: #ffffff;
 	border-radius: 20rpx;
 	padding: 140rpx 30rpx 30rpx;
-	box-shadow: 0 12rpx 30rpx rgba(0,0,0,.08);
 	
+	box-shadow: 0 12rpx 30rpx rgba(0,0,0,.08);
+	.leftCircle{
+		position: absolute;
+		top:251rpx;
+		left:-20rpx;
+		width: 40rpx;
+		height: 40rpx;
+		border-radius: 50%;
+		background-color: #0d7dfd;
+	}
+	.rightCircle{
+		position: absolute;
+		top:251rpx;
+		right:-20rpx;
+		width: 40rpx;
+		height: 40rpx;
+		border-radius: 50%;
+		background-color: #0d7dfd;
+	}
+	.halfCircle{
+		border-radius: 50%;
+		position: absolute;
+		border: 10rpx solid #6DB7FD;
+		border-width: 10rpx 10rpx 0 10rpx;
+		width: 160rpx;
+		padding:10rpx;
+		height: 80rpx;
+		left: 50%;
+		border-radius: 100rpx 100rpx 0 0;
+		top: -110rpx;
+		transform: translateX(-50%);
+		overflow: hidden;
+	}
 	.avatar-wrapper {
 		position: absolute;
 		left: 50%;
-		top: -60rpx;
+		
+		top: -100rpx;
+		
 		transform: translateX(-50%);
 		width: 160rpx;
 		height: 160rpx;
+		
 		border-radius: 50%;
 		background: #ffffff;
 		padding: 8rpx;
@@ -182,13 +258,13 @@ const onSave = () => {
 	}
 	
 	.name-viewne {
-		text-aviewgn: center;
+		text-align: center;
 		font-size: 34rpx;
 		color: #1a76d2;
 		margin-top: 10rpx;
 	}
 	.org-viewne {
-		text-aviewgn: center;
+		text-align: center;
 		font-size: 28rpx;
 		color: #4a90e2;
 		margin-top: 16rpx;
@@ -196,7 +272,7 @@ const onSave = () => {
 	.dash-viewne {
 		margin: 24rpx auto;
 		height: 0;
-		border-bottom: 2rpx dashed #cfd8dc;
+		border-bottom: 2rpx dashed #1c90fd;
 	}
 	.slogan {
 		display: flex;
@@ -207,6 +283,9 @@ const onSave = () => {
 		font-size: 40rpx;
 		color: #1e88e5;
 		viewne-height: 1.6;
+		text{
+			text-align: center;
+		}
 		.hl {
 			color: #ff9f1a;
 			margin-left: 8rpx;
@@ -254,6 +333,7 @@ const onSave = () => {
 	left: 0;
 	right: 0;
 	bottom: 0;
+	z-index:10;
 	background: #ffffff;
 	border-top: 1rpx soviewd #eaeaea;
 	.save-btn {
diff --git a/pages_app/myCollect/myCollect.vue b/pages_app/myCollect/myCollect.vue
new file mode 100644
index 0000000..28a9430
--- /dev/null
+++ b/pages_app/myCollect/myCollect.vue
@@ -0,0 +1,109 @@
+<template>
+	<view class="my-collect-page">
+		<!-- 顶部导航栏 -->
+		<!-- 顶部导航栏 -->
+		<uni-nav-bar
+			left-icon="left"
+			title="我的收藏"
+			@cviewckLeft="goBack"
+			fixed
+			color="#8B2316"
+			height="140rpx"
+			:border="false"
+			backgroundColor="#eeeeee"
+		>
+			
+		</uni-nav-bar>
+
+		<!-- 内容区域 -->
+		<view class="content-area">
+			<!-- 观看历史 -->
+			<view class="list-item" @click="goToHistory">
+				<text class="item-text">英文期刊</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			
+			<!-- 分隔线 -->
+			<view class="divider"></view>
+			
+			<!-- 离线缓存 -->
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">病例荟萃</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			<!-- 分隔线 -->
+			<view class="divider"></view>
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">病例讨论</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			<view class="divider"></view>
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">肝胆视频</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			<view class="divider"></view>
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">课件文档</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			<view class="divider"></view>
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">肝胆新闻</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			<view class="divider"></view>
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">患教学堂</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			<view class="divider"></view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const goToHistory = () => {
+	uni.showToast({ title: '观看历史', icon: 'none' });
+};
+
+const goToCache = () => {
+	uni.showToast({ title: '离线缓存', icon: 'none' });
+};
+</script>
+
+<style lang="scss" scoped>
+.my-collect-page {
+	min-height: 100vh;
+	background: #f9f9f9;
+}
+
+.content-area {
+	
+}
+
+.list-item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 30rpx 30rpx;
+	background: #ffffff;
+	
+	.item-text {
+		font-size: 32rpx;
+		color: #000000;
+	}
+}
+
+.divider {
+	height: 2rpx;
+	background: #f0f0f0;
+	
+}
+</style>
diff --git a/pages_app/myCourseware/myCourseware.vue b/pages_app/myCourseware/myCourseware.vue
new file mode 100644
index 0000000..c64922c
--- /dev/null
+++ b/pages_app/myCourseware/myCourseware.vue
@@ -0,0 +1,278 @@
+<template>
+	<view class="my-courseware-page">
+		<!-- 顶部导航栏 -->
+		<uni-nav-bar
+			left-icon="left"
+			title="我的课件"
+			@cviewckLeft="goBack"
+			fixed
+			color="#8B2316"
+			height="140rpx"
+			:border="false"
+			backgroundColor="#eeeeee"
+		>
+			
+		</uni-nav-bar>
+
+		<!-- 标签页导航 -->
+		<view class="tab-nav">
+			<view 
+				class="tab-item" 
+				:class="{ active: activeTab === 'download' }"
+				@click="switchTab('download')"
+			>
+				我的下载
+			</view>
+			<view class="divder"></view>
+			<view 
+				class="tab-item" 
+				:class="{ active: activeTab === 'share' }"
+				@click="switchTab('share')"
+			>
+				我的分享
+			</view>
+		</view>
+
+		<!-- 摘要栏 -->
+		<view class="summary-bar">
+			<view class="summary-item">
+				<up-image  :src="downLoadImg" width="36rpx" height="36rpx" ></up-image>
+				<text class="summary-text">: {{ downloadCount }}</text>
+			</view>
+			<view class="summary-item">
+				<up-image  :src="moneyImg" width="36rpx" height="36rpx" ></up-image>
+				<text class="summary-text">: {{ totalAmount }}</text>
+			</view>
+		</view>
+
+		<!-- 课件列表 -->
+		<scroll-view 
+			scroll-y 
+			class="courseware-list"
+			refresher-enabled
+			@refresherrefresh="onRefresh"
+			:refresher-triggered="refreshing"
+			@scrolltolower="onLoadMore"
+			:lower-threshold="100"
+		>
+			<view class="courseware-item" v-for="(item, index) in coursewareList" :key="index" @click="onItemClick(item)">
+				<view class="item-content">
+					<view class="courseware-name">
+						<text class="label">课件名称:</text>
+						<text class="value">{{ item.name }}</text>
+					</view>
+					<view class="courseware-time">
+						<text class="label">时间:</text>
+						<text class="value">{{ item.time }}</text>
+					</view>
+					<view class="courseware-status">
+						<text class="label">状态:</text>
+						<text class="value status-paid">{{ item.status }}</text>
+					</view>
+				</view>
+			</view>
+			
+			<!-- 加载更多提示 -->
+			<view v-if="loading" class="loading-more">
+				<text>加载中...</text>
+			</view>
+			
+			<!-- 没有更多数据提示 -->
+			<view v-if="noMore" class="no-more">
+				<text>没有更多数据了</text>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import downLoadImg from "@/static/course_download.png"
+import moneyImg from "@/static/course_yuan.png"
+const activeTab = ref('download');
+const refreshing = ref(false);
+const loading = ref(false);
+const noMore = ref(false);
+const page = ref(1);
+const pageSize = ref(10);
+const downloadCount = ref(4);
+const totalAmount = ref('20.00');
+
+const coursewareList = ref([
+	{
+		name: '慢性病毒性肝炎患者干扰素治疗不良反应临床处理专家共识',
+		time: '2025-02-21',
+		status: '已支付'
+	},
+	{
+		name: '慢乙肝抗病毒治疗-把握时机正确选择',
+		time: '2024-11-27',
+		status: '已支付'
+	},
+	{
+		name: '肝病相关血小板减少症临床管理中国专家共识(2023)解读',
+		time: '2024-10-06',
+		status: '已支付'
+	},
+	{
+		name: '俞云松:耐药阳性菌感染诊疗思路(CHINET数据云)',
+		time: '2022-10-24',
+		status: '已支付'
+	}
+]);
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const switchTab = (tab) => {
+	activeTab.value = tab;
+	// 切换标签时重置数据
+	page.value = 1;
+	noMore.value = false;
+	// 这里可以根据标签加载不同数据
+};
+
+const onItemClick = (item) => {
+	uni.showToast({ title: `点击了: ${item.name}`, icon: 'none' });
+};
+
+const onRefresh = () => {
+	refreshing.value = true;
+	page.value = 1;
+	noMore.value = false;
+	
+	setTimeout(() => {
+		refreshing.value = false;
+		uni.showToast({ title: '刷新完成', icon: 'success' });
+	}, 1000);
+};
+
+const onLoadMore = () => {
+	if (loading.value || noMore.value) return;
+	
+	loading.value = true;
+	
+	setTimeout(() => {
+		if (page.value < 3) {
+			page.value++;
+			uni.showToast({ title: '加载完成', icon: 'success' });
+		} else {
+			noMore.value = true;
+		}
+		loading.value = false;
+	}, 1000);
+};
+</script>
+
+<style lang="scss" scoped>
+.my-courseware-page {
+	min-height: 100vh;
+	
+}
+
+.tab-nav {
+	display: flex;
+	background: #ffffff;
+	border-bottom: 2rpx solid #f0f0f0;
+	position: fixed;
+	top: 140rpx;
+	left: 0;
+	right: 0;
+	z-index: 10;
+	.divder{
+		width: 2rpx;
+		height:100rpx;
+		background:#eee;
+	}
+	.tab-item {
+		flex: 1;
+		text-align: center;
+		padding: 30rpx 0;
+		font-size: 32rpx;
+		color: #666666;
+		position: relative;
+		
+		&.active {
+			color: #8B2316;
+			
+			
+		}
+	}
+}
+
+.summary-bar {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	background: #8B2316;
+	padding: 20rpx 30rpx;
+	position: fixed;
+	top: 260rpx; // 标签页导航下方
+	left: 0;
+	right: 0;
+	z-index: 10;
+	
+	.summary-item {
+		display: flex;
+		align-items: center;
+		
+		.summary-text {
+			color: #ffffff;
+			font-size: 28rpx;
+			margin-left: 10rpx;
+		}
+	}
+}
+
+.courseware-list {
+	height: calc(100vh - 140rpx - 116rpx - 80rpx);
+	position: fixed;
+	top: 336rpx; // 调整顶部位置，为固定的摘要栏腾出空间
+	bottom: 0;
+	width: 100%;
+}
+
+.courseware-item {
+	background: #ffffff;
+	margin-bottom: 2rpx;
+	padding: 30rpx;
+	border-bottom:2rpx solid #eee;
+	.item-content {
+		.courseware-name,
+		.courseware-time,
+		.courseware-status {
+			display: flex;
+			margin-bottom: 20rpx;
+			
+			&:last-child {
+				margin-bottom: 0;
+			}
+			
+			.label {
+				width: 120rpx;
+				color: #8B2316;
+				font-size: 28rpx;
+			}
+			
+			.value {
+				flex: 1;
+				color: #666;
+				font-size: 28rpx;
+				line-height: 1.4;
+				
+				&.status-paid {
+					color: #666;
+				}
+			}
+		}
+	}
+}
+
+.loading-more, .no-more {
+	text-align: center;
+	padding: 30rpx;
+	color: #999999;
+	font-size: 26rpx;
+}
+</style>
diff --git a/pages_app/myDownLoad/myDownLoad.vue b/pages_app/myDownLoad/myDownLoad.vue
new file mode 100644
index 0000000..9659e3b
--- /dev/null
+++ b/pages_app/myDownLoad/myDownLoad.vue
@@ -0,0 +1,90 @@
+<template>
+	<view class="my-download-page">
+		<!-- 顶部导航栏 -->
+		<!-- 顶部导航栏 -->
+		<uni-nav-bar
+			left-icon="left"
+			title="我的下载"
+			@cviewckLeft="goBack"
+			fixed
+			color="#8B2316"
+			height="140rpx"
+			:border="false"
+			backgroundColor="#eeeeee"
+		>
+			
+		</uni-nav-bar>
+
+		<!-- 内容区域 -->
+		<view class="content-area">
+			<!-- 观看历史 -->
+			<view class="list-item" @click="goToHistory">
+				<text class="item-text">诊疗指南</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			
+			<!-- 分隔线 -->
+			<view class="divider"></view>
+			
+			<!-- 离线缓存 -->
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">期刊杂志</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			<!-- 分隔线 -->
+			<view class="divider"></view>
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">课件文档</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			<view class="divider"></view>
+			
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const goToHistory = () => {
+	uni.showToast({ title: '观看历史', icon: 'none' });
+};
+
+const goToCache = () => {
+	uni.showToast({ title: '离线缓存', icon: 'none' });
+};
+</script>
+
+<style lang="scss" scoped>
+.my-download-page {
+	min-height: 100vh;
+	background: #f9f9f9;
+}
+
+.content-area {
+	
+}
+
+.list-item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 30rpx 30rpx;
+	background: #ffffff;
+	
+	.item-text {
+		font-size: 32rpx;
+		color: #000000;
+	}
+}
+
+.divider {
+	height: 2rpx;
+	background: #f0f0f0;
+	
+}
+</style>
diff --git a/pages_app/myVideo/myVideo.vue b/pages_app/myVideo/myVideo.vue
new file mode 100644
index 0000000..34a8ce2
--- /dev/null
+++ b/pages_app/myVideo/myVideo.vue
@@ -0,0 +1,82 @@
+<template>
+	<view class="my-video-page">
+		<!-- 顶部导航栏 -->
+		<!-- 顶部导航栏 -->
+		<uni-nav-bar
+			left-icon="left"
+			title="我的视频"
+			@cviewckLeft="goBack"
+			fixed
+			color="#8B2316"
+			height="140rpx"
+			:border="false"
+			backgroundColor="#eeeeee"
+		>
+			
+		</uni-nav-bar>
+
+		<!-- 内容区域 -->
+		<view class="content-area">
+			<!-- 观看历史 -->
+			<view class="list-item" @click="goToHistory">
+				<text class="item-text">观看历史</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+			
+			<!-- 分隔线 -->
+			<view class="divider"></view>
+			
+			<!-- 离线缓存 -->
+			<view class="list-item" @click="goToCache">
+				<text class="item-text">离线缓存</text>
+				<uni-icons type="right" color="#999999" size="16"></uni-icons>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const goToHistory = () => {
+	uni.showToast({ title: '观看历史', icon: 'none' });
+};
+
+const goToCache = () => {
+	uni.showToast({ title: '离线缓存', icon: 'none' });
+};
+</script>
+
+<style lang="scss" scoped>
+.my-video-page {
+	min-height: 100vh;
+	background: #f9f9f9;
+}
+
+.content-area {
+	
+}
+
+.list-item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 30rpx 30rpx;
+	background: #ffffff;
+	
+	.item-text {
+		font-size: 32rpx;
+		color: #000000;
+	}
+}
+
+.divider {
+	height: 2rpx;
+	background: #f0f0f0;
+	
+}
+</style>
diff --git a/pages_app/videoHistroy/videoHistroy.vue b/pages_app/videoHistroy/videoHistroy.vue
new file mode 100644
index 0000000..492ad57
--- /dev/null
+++ b/pages_app/videoHistroy/videoHistroy.vue
@@ -0,0 +1,214 @@
+<template>
+	<view class="video-history-page">
+		<!-- 顶部导航栏 -->
+		<uni-nav-bar
+			left-icon="left"
+			title="观看历史"
+			@clickLeft="goBack"
+			fixed
+			color="#8B2316"
+			height="140rpx"
+			:border="false"
+			backgroundColor="#eeeeee"
+		>
+			<template v-slot:right>
+				<text class="edit-btn" @click="onEdit">编辑</text>
+			</template>
+		</uni-nav-bar>
+
+		<!-- 观看历史列表 -->
+		<scroll-view 
+			scroll-y 
+			class="history-list"
+			refresher-enabled
+			@refresherrefresh="onRefresh"
+			:refresher-triggered="refreshing"
+			@scrolltolower="onLoadMore"
+			:lower-threshold="100"
+		>
+			<view class="history-item" v-for="(item, index) in historyList" :key="index" @click="onItemClick(item)">
+				<view class="thumbnail">
+					<up-image :src="item.thumbnail" width="200rpx" height="120rpx" mode="aspectFill"></up-image>
+				</view>
+				<view class="content">
+					<view class="title">{{ item.title }}</view>
+					<view class="author">{{ item.author }}</view>
+				</view>
+				
+			</view>
+			
+			<!-- 加载更多提示 -->
+			<view v-if="loading" class="loading-more">
+				<text>加载中...</text>
+			</view>
+			
+			<!-- 没有更多数据提示 -->
+			<view v-if="noMore" class="no-more">
+				<text>没有更多数据了</text>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const refreshing = ref(false);
+const loading = ref(false);
+const noMore = ref(false);
+const page = ref(1);
+const pageSize = ref(10);
+const historyList = ref([
+	{
+		thumbnail: '/static/bo_bg.png',
+		title: '隐球菌性脑膜(脑)炎的诊治',
+		author: '蒋荣猛'
+	},
+	{
+		thumbnail: '/static/bo_bg.png',
+		title: '南京市第二医院疑难肝病病理读片会暨疑难肝病MDT 第135期',
+		author: '南京市第二医院'
+	},
+	{
+		thumbnail: '/static/bo_bg.png',
+		title: '徐医感染: 硬化出血发热路, 关关难过关关过',
+		author: '徐州医科大学附属医院感染科'
+	},
+	{
+		thumbnail: '/static/bo_bg.png',
+		title: '自身免疫性肝病专栏|免疫治疗的双刃剑——1例自身免疫肝炎患者的…',
+		author: '首都医科大学附属北京佑安医院…'
+	},
+	{
+		thumbnail: '/static/bo_bg.png',
+		title: '慢性乙肝功能性治愈讨论',
+		author: '庄辉'
+	},
+	{
+		thumbnail: '/static/bo_bg.png',
+		title: '《2025年版慢加急性肝衰竭指南》解读',
+		author: '陈煜'
+	},
+	{
+		thumbnail: '/static/bo_bg.png',
+		title: '《2025年版慢加急性肝衰竭指南》解读',
+		author: '陈煜'
+	},
+	{
+		thumbnail: '/static/bo_bg.png',
+		title: '慢性乙肝功能性治愈讨论',
+		author: '庄辉'
+	}
+]);
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const onEdit = () => {
+	uni.showToast({ title: '编辑功能', icon: 'none' });
+};
+
+const onItemClick = (item) => {
+	uni.showToast({ title: `点击了: ${item.title}`, icon: 'none' });
+};
+
+const onRefresh = () => {
+	refreshing.value = true;
+	page.value = 1;
+	noMore.value = false;
+	
+	// 模拟刷新数据
+	setTimeout(() => {
+		refreshing.value = false;
+		uni.showToast({ title: '刷新完成', icon: 'success' });
+	}, 1000);
+};
+
+const onLoadMore = () => {
+	if (loading.value || noMore.value) return;
+	
+	loading.value = true;
+	
+	// 模拟加载更多数据
+	setTimeout(() => {
+		// 这里可以调用API加载更多数据
+		// 示例：添加更多数据到列表
+		if (page.value < 3) { // 模拟只有3页数据
+			page.value++;
+			// 可以在这里添加新的数据到 historyList
+			uni.showToast({ title: '加载完成', icon: 'success' });
+		} else {
+			noMore.value = true;
+		}
+		loading.value = false;
+	}, 1000);
+};
+</script>
+
+<style lang="scss" scoped>
+.video-history-page {
+	min-height: 100vh;
+	background: #f9f9f9;
+}
+
+.history-list {
+	height: calc(100vh - 140rpx);
+	position: fixed;
+	top:140rpx;
+	bottom:0;
+	width:100%;
+}
+
+.edit-btn {
+	color: #8B2316;
+	font-size: 28rpx;
+	padding: 10rpx;
+}
+
+.history-item {
+	display: flex;
+	align-items: center;
+	padding: 30rpx;
+	background: #ffffff;
+	margin-bottom: 2rpx;
+	
+	.thumbnail {
+		margin-right: 20rpx;
+		border-radius: 8rpx;
+		overflow: hidden;
+	}
+	
+	.content {
+		flex: 1;
+		display: flex;
+		height: 120rpx;
+		flex-direction: column;
+		justify-content: space-between;
+		margin-right: 20rpx;
+		
+		.title {
+			font-size: 28rpx;
+			color: #333333;
+			line-height: 1.4;
+			margin-bottom: 10rpx;
+			display: -webkit-box;
+			-webkit-box-orient: vertical;
+			-webkit-line-clamp: 2;
+			overflow: hidden;
+		}
+		
+		.author {
+			font-size: 24rpx;
+			color: #666666;
+		}
+	}
+}
+
+.loading-more, .no-more {
+	text-align: center;
+	padding: 30rpx;
+	color: #999999;
+	font-size: 26rpx;
+}
+</style>
diff --git a/pages_app/wechatContact/wechatContact.vue b/pages_app/wechatContact/wechatContact.vue
new file mode 100644
index 0000000..9d32893
--- /dev/null
+++ b/pages_app/wechatContact/wechatContact.vue
@@ -0,0 +1,96 @@
+<template>
+	<view class="wechat-contact-page">
+		<!-- 顶部导航栏 -->
+		<uni-nav-bar
+			left-icon="left"
+			title="微信关联"
+			@clickLeft="goBack"
+			fixed
+			color="#8B2316"
+			height="140rpx"
+			:border="false"
+			backgroundColor="#eeeeee"
+		></uni-nav-bar>
+
+		<!-- 微信卡片 -->
+		<view class="card">
+			<view class="wx-left">
+				<up-image :src="wxIcon" width="120rpx" height="120rpx" mode="aspectFill"></up-image>
+			</view>
+			<view class="wx-center">
+				<view class="wx-title">微信</view>
+				<view class="wx-sub">未绑定微信</view>
+			</view>
+			<view class="wx-right">
+				<button class="bind-btn" @click="onBind">绑定</button>
+			</view>
+		</view>
+
+		<!-- 操作说明 -->
+		<view class="tips">
+			<view class="tips-title">操作说明:</view>
+			<view class="tips-line">1. 肝胆相照注册账号与微信绑定，肝胆相照相关直播、视频无忧随心看</view>
+			<view class="tips-line">2. 仅需操作一次，后续通过微信观看直播、视频无需额外操作，立即进入</view>
+			<view class="tips-line">
+				若您有任何疑问或需要我们协助，请与您的小助手联系或直接微信联系
+				<text class="highlight">igandan1000</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import wxIcon from '@/static/wechat_icon.png';
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const onBind = () => {
+	uni.showToast({ title: '去绑定', icon: 'none' });
+};
+</script>
+
+<style lang="scss" scoped>
+.wechat-contact-page {
+	min-height: 100vh;
+	background: #ffffff;
+	padding-top: 160rpx;
+}
+
+.card {
+	display: flex;
+	align-items: center;
+	background: #ffffff;
+	margin: 20rpx 0;
+	padding: 30rpx;
+	border-bottom: 2rpx solid #f0f0f0;
+	.wx-left { margin-right: 24rpx; }
+	.wx-center {
+		flex: 1;
+		.wx-title { font-size: 34rpx; color: #222222; }
+		.wx-sub { margin-top: 10rpx; font-size: 26rpx; color: #9e9e9e; }
+	}
+	.wx-right {
+		.bind-btn {
+			min-width: 140rpx;
+			height: 64rpx;
+			background: #2ecc71;
+			color: #ffffff;
+			border: none;
+			border-radius: 12rpx;
+			font-size: 28rpx;
+			padding: 0 24rpx;
+		}
+	}
+}
+
+.tips {
+	padding: 30rpx;
+	background: #f7f7f7;
+	.tips-title { font-size: 30rpx; color: #222222; margin-bottom: 16rpx; }
+	.tips-line { font-size: 28rpx; color: #666666; line-height: 1.8; margin-bottom: 10rpx; }
+	.highlight { color: #e53935; }
+}
+</style>
diff --git a/static/add_card_no.png b/static/add_card_no.png
new file mode 100644
index 0000000000000000000000000000000000000000..813e2d858c016ddc1c60bf7962d33f3cced480d8
GIT binary patch
literal 1936
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
HoD!M<i=+Q_

literal 0
HcmV?d00001

diff --git a/static/add_card_yes.png b/static/add_card_yes.png
new file mode 100644
index 0000000000000000000000000000000000000000..194a19c953f8348cbdc321aafb6b8c778bf38781
GIT binary patch
literal 2091
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
MrudStxre9x2aGCeGynhq

literal 0
HcmV?d00001

diff --git a/static/course_download.png b/static/course_download.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3426a59b49ef2f355b14458d83e3589810a606a
GIT binary patch
literal 1290
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k1|%Oc%$NbBBuiW)N`mv#O3D+9QW+dm@{>{(
zJaZG%Q-e|yQz{EjrrIztFe_$;M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr<N!r
zrKV@**($x?y<bToGsRXZ+|<{=x4=0yBh#a*C^fjsFC@7tJJ~Wt$=*)EroswnKyGSD
zqC!P(PF}H9g{>0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)DJWscy1?p^1XIrJkXw
zp^1f|j)IYap|QS!vA&_PuAz~Yfu)t9sR9%z0c|TvNwW%aaf8|g<k>1^l#~=$>Fbx5
zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA
zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn!
z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQ<Z-{NjxK0tIJh1&#2`yp;U%
zVok7eUtcTFyyB9?yyR3*7h5Hu0eYF4DORQ~#->IF&gQO`Zia@2uI83bW@gT2Moy-d
zMwYI|rp7S6F8Rr&xv6<2Fuf@Vy%sq2f>J_m0nlcb)S}F?)D*X({9FaFkF7FsyTufz
zc~HG6xZPrgQ?EYIG5Vl*MT%#b5HRt8nDA5!<iOK?Y927L7Xeds@vdKy3=E9*o-U3d
z6}R5pu=hUfAi?&*Tbobt&4RhCj@$L_a_jz;(yL?L?{iniWmkCYZi~<iaY4s}{SR(@
zt?|46qVP`ayLg`oGB#g?W>wekoT9R~r}*5gE1OsrFsJzbRs1Aq9HD;DlXrshDTT5P
zey=3+r8>4Q5WCV8b)lZgcOtjS|HHp5ug>}RMvy=J)U^8Ts*}8bpEi27Kle>xjNev^
ztN(84pT984PW^=Jruc_v-URk`2F+gisQP72xX1b?$yXO|xbB|1zT?-^*p!EzpBPup
zV7;267Qk^zG^ES0u_jPYLA{4}iL<TJUxo_{wU_aPEO>S)!Cz_$@0I1rU1iO0Ze;Dc
zqrb~!0%t1IOM|<cs@9nsN_(+$9s1FbqaiBN^O5ysfc}Y@TXcV&zw~V@zZy%(0==b+
zqMhs8QuaM=Z;%k3Rane@=tx7(iUc1WkM^!Z9ZMo|1nTFXUs<mjr|>H7?}{ADXA+W2
zBMd&|Fnws)vwA`JlO@YKE1mtWPXFWE8=iIf#{CP+8JHPnIDHZDV`{qrDxExC{an^L
HB{Ts5zlqMJ

literal 0
HcmV?d00001

diff --git a/static/course_yuan.png b/static/course_yuan.png
new file mode 100644
index 0000000000000000000000000000000000000000..593057ab7388297aa5c4f9635d894b9524d97c45
GIT binary patch
literal 1745
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|k1|%Oc%$NbBBuiW)N`mv#O3D+9QW+dm@{>{(
zJaZG%Q-e|yQz{EjrrIztFe_$;M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr<N!r
zrKV@**($x?y<bToGsRXZ+|<{=x4=0yBh#a*C^fjsFC@7tJJ~Wt$=*)EroswnKyGSD
zqC!P(PF}H9g{>0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)DJWscy1?p^1XIrJkXw
zp^1f|j)IYap|QS!vA&_PuAz~Yfu)t9sR9%z0c|TvNwW%aaf8|g<k>1^l#~=$>Fbx5
zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA
zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn!
z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQ<Z-{NjxK0tIJh1&#2`yp;U%
zVok7eUtcTFyyB9?yyR3*7h5Hu0eYF4DOP3%PKE}ChUTu8Zia@2uI5gr&TcNoj)smd
z299p#=B_ZkF8Rr&xv6<2Fuf@Vy%sq2f>J_m0nlcb)S}F?)D*X({9FaFkF7FsyTufz
zc~HG6xZPrgQ?EYIG5Vl*MT%#b5HRt8nDA5!<iOK?Y927L7XefCZNBRVfSJY3)5S5Q
z;?|iN(H^0WB5l@LX_LggJ_&gy3QlxN4f8VB*4`y>cLjShlk%c=hh6RyTyH&HD5o-E
zfn3!F_QmZT3zRM_5m=+Js@-T;W@E{sOJ}^7-?jhHuah!=bNV*-%m;@b&)a(Kk8yR{
z`B|J6ea4UKwHW1_f*cGrSbi#qFWIce5!aOVf#XW^`ml>r6`a$WwEL=Gvf3uT%5q$o
zX|3iq^TDi)2mGy5n`|a<B{}kVuo)i+3t+ZtjhCHa6yYfCdj9soya@@0tGu3+eemPB
z{WAQ5p5PLxBas}1kJogRp9l+>S#ZzHLvhkorFV6~j@d1jFKKjLJR|n8yn-`G*u>@W
zS!V^e%`P3M`cz)9^=2ut+~%Iw)Wl(C`G9jpM?&$eT+=q;DbCILa(k`ab_-1Zd*D~j
zv4E$O+;#T;dbWde74P@BSPSKSo|TD5V$3==H*NdM%&NL+(eWfXnT7uH9*@6ko=6wh
zd9>xSdMsDe`Sx&K_2-<wY6TC+=SnV~RF@ibq0;WoqvWGgx<!Lu9^OA=Usm<2`){wV
z+r#0*yq@>l6Pc-+4RP<DWli^I$V^a?aNW(%w(*#u8~2P=p>@koxirgNwS2bpV8N7-
zZ6Ct__6b}1$-gjqF;VI)Pu~Q;WzU);F0eSQ34S^+QA{M|%)jtw0Rel?yR2vK5p>G&
zmOc^mFKPmxg;dFJjvvA*yiNh;&to0-Z+gCf!-pZ?cFyOW3|~&L9XTP#Zu_Xzj*Z{;
z(bAwZ)iV#pJyE%nV8AG?qgLAOxTkf?UOn|v<s0l_O|#`}Z!uphs%-zUrs=;t>wd?c
z2!^<&GwP+EEb(KrcTj(RsNmef{sg5HZ1bO7xclfr?x&Aiub!-#v@~Au@2tCJzhlC-
z@h)B<{v}#Q&vCbRbMdssQqPSaEIsC@Pc%B_BUm%j^+VVP?jzAMR;4rFO?@(*>v3co
zZx8EZ-dy!&y<__3wrsLui@X-ixO1LawkJBZI>1K3Wo}oK#Lbgh``t4ut7?xf-nw=|
z=z^248#0P-F3{tD*U_-{&B81VZWgv1=>?8+o?Ls_;Zm1pl4oyn`e5$#zg}}~>^}c~
zTBiD$VU2O_@$;=$RRWmA8km-CuG-FT7@hI#UxoZ0$yd@_6m|czNHBD`E|5JTZu$pQ
O$#}Z@xvX<aXaWGmDVc8o

literal 0
HcmV?d00001

diff --git a/static/fapaio_tip.png b/static/fapaio_tip.png
new file mode 100644
index 0000000000000000000000000000000000000000..d50910a549e0070a2cb5c291a4b4b338f92446c7
GIT binary patch
literal 1233
zcmV;?1TOoDP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T7000D-Nkl<ZSVzs7
zPfQ$D9LK-EH;b^;Jv6YhR!GI2tzg=Vg3(xm@t`L5V&cDAz34$(MXj*VVxrlk38n0o
zG%b<p!IPHM_Rys1L3=RqUreleXd6qz;A$!D&O#3YE_8S1XWlT2%TlDX49U)6lg-Tg
zzR&!A@AqfkBb0E(0I{wi^biT_2?jM2p^<?N00NHO6am+mF-+iJ*b?8&BvU`f0L$%k
z<YqwseKmEK<!fWMUInP$%~*iPh{WeY<ObR=PhP#<v9|@-Qx~YI@cZ|H@j8G?DbBzs
z5x#;&-wR>=Ug?|tYeJctlJ{!OKwvIcwb8P~{Sf>ZGoB_O>_E+d@L4vK`S63QQ<E!!
zt_T>{LfZj8BIgCONkm@~FwmhJKdvNRc>kcLKFUBFGrtHT1;B&=wRPyJ<Nv3#EMN@q
zRcq=I0(MFPBAi9ed^eh$yyOO~_}N55O%r^|VP-t(c;e_ky75j7$lXf!mVo{B^?s`|
zdxF8+0AvWXJF2HXT@Bb0P%ZQZgAW1l6X=YXt9YS(Y%Ej!+!8=(xjVJcDF@C_SlQM-
zdhMK-aCxo%@P-zX%rgK~2|2B&o-MZI62Lx99dz7kRQP<YyNAbz*8(oDd8qO3#%wP4
zt%PLYXqRs6Dx7Z-pc4>7(ya<Bt!rhu;um%-DIxs=w7oEJ769#3QstKcP)ndUy<T%G
zc_A^sCO?tUot@1z<x|iCU_7FJ48|@Qt<e$Vsg(rR;(j8cer-oLVX$+=c+1Wn@<&z(
z(^PaY`^d7kl#)sgG}Z=0PMiYJ%*?%Aqv>9^FCkM93vmHNIYluwS#fN@L?pDInfDSf
z6xEF#ZiQ`)u)328gU(oMhH~p;BRBqbtCi5yV+_1ZM7`0GR5#g$Ukm;zYpVdZx~&j-
zfOsU>4W^#_e*xdd4t@NJTR>THEZ_%OyJz(DJrr*UJq(3^lC`x<H#E0`UIR+KK26o_
z+HKM!ln4j+GSU9Rg;@%uR~D3WF9a-eH^sy1Nf4d`(<_~$sbi(U&5L^DVp}U5+5zG(
zz&J^9O+61_iy(fmV<i1sIRGAv1Rt=Neg$wr0;Xkh_E%(T+b*r#pDp(SURrRVDNvKi
z`X^-4mVmRe37x4jDq|OMvs4QvG_{L?1NrgRO{;Ftm5K3E^kSQF$GTZ{4#1pefPI>}
zm4NS@<gZ6{V-wkpxBIIY&=VKi$@<=4D@Zh(S@U?Q){{ELF7_ly+}mmS5&0k?;Ji#T
zCqQ_9wQ0squ;Jh{f}km;a{B$`^<=5gi_(mDi8|B+=57aS+On*cJ%3D;)a))!)LxZ3
zEp!9m^#xYj*QpyHm14z3rOvZvK~paS*z_L|zt^d!54#0i(k$4~=Rv#G7pZ-mSPT(x
z7l6|>X7x+2C6hA8y1JIMTXM7)4Xf0V-Ux0ER=<5QJ?)Chd3f1|bx{XVjxE0gEc=fp
z+lur1Fy;B#nO`$y{o(E`^zz>Nu%o)1H;?kJF6-^L!W>q%8<>TVWxWMl2wJwA=*4BL
v=oq2}ghtHQ;Duud0M{{p3~_EX#}NMl7n0bMDMvj>00000NkvXXu0mjffK*gN

literal 0
HcmV?d00001