diff --git a/pages.json b/pages.json
index 617b885..18d85b7 100644
--- a/pages.json
+++ b/pages.json
@@ -178,6 +178,26 @@
 				 }
 			}
 		},
+		{
+			"path": "videoDetail/videoDetail",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "myFlower/myFlower",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
 		{
 			"path": "news/news",
 			"style": {
@@ -188,6 +208,17 @@
 				 }
 			}
 		},
+		
+		{
+			"path": "myWelfareCard/myWelfareCard",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
 		{
 			"path": "ppt/ppt",
 			"style": {
@@ -198,6 +229,46 @@
 				 }
 			}
 		},
+		{
+			"path": "pointMall/pointMall",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "pay/pay",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "buyPoint/buyPoint",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "pointGoods/pointGoods",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
 		{
 			"path": "msg/msg",
 			"style": {
diff --git a/pages_app/buyPoint/buyPoint.vue b/pages_app/buyPoint/buyPoint.vue
new file mode 100644
index 0000000..9874d05
--- /dev/null
+++ b/pages_app/buyPoint/buyPoint.vue
@@ -0,0 +1,318 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="购买积分" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	></uni-nav-bar>
+	<view class="buy-point-page">
+		
+
+		<!-- 主要内容区域 -->
+		<view class="main-content">
+			<!-- 页面标题 -->
+			<view class="page-title">购买积分</view>
+			
+			<!-- 积分套餐选择 -->
+			<view class="package-grid">
+				<view 
+					class="package-item" 
+					:class="{ active: selectedPackage === pkg.id }"
+					v-for="pkg in packages" 
+					:key="pkg.id"
+					@click="selectPackage(pkg.id)"
+				>
+					<text class="package-points">{{ pkg.points }}</text>
+				</view>
+			</view>
+             <view class="bar"></view>
+			<!-- 所需金额显示 -->
+			<view class="amount-section">
+				<view class="amount-row">
+					<text class="amount-label">所需金额</text>
+					<text class="amount-value">¥{{ selectedPackageData.price }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 底部购买按钮 -->
+		<view class="bottom-actions">
+			<view class="buy-btn" @click="confirmPurchase">
+				<text class="btn-text">立即购买</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, computed } from 'vue';
+
+	// 积分套餐数据 - 根据图片显示5个选项
+	const packages = ref([
+		{ id: 1, points: 500, price: '45.00' },
+		{ id: 2, points: 1000, price: '88.00' },
+		{ id: 3, points: 2500, price: '198.00' },
+		{ id: 4, points: 5000, price: '398.00' },
+		{ id: 5, points: 10000, price: '758.00' }
+	]);
+
+	// 选择状态
+	const selectedPackage = ref(0); // 默认未选择
+
+	// 计算属性
+	const selectedPackageData = computed(() => {
+		if (selectedPackage.value === 0) {
+			return { points: 0, price: '0.00' };
+		}
+		return packages.value.find(p => p.id === selectedPackage.value) || { points: 0, price: '0.00' };
+	});
+
+	// 方法
+	const goBack = () => {
+		uni.navigateBack({
+			fail() {
+				uni.redirectTo({
+					url: '/pages/index/index'
+				});
+			}
+		});
+	};
+
+	const selectPackage = (packageId) => {
+		selectedPackage.value = packageId;
+	};
+
+	const confirmPurchase = () => {
+		if (selectedPackage.value === 0) {
+			uni.showToast({
+				title: '请选择积分套餐',
+				icon: 'none'
+			});
+			return;
+		}
+
+		const packageData = selectedPackageData.value;
+		uni.showModal({
+			title: '确认购买',
+			content: `确认购买${packageData.points}积分，支付金额¥${packageData.price}？`,
+			success: (res) => {
+				if (res.confirm) {
+					uni.showToast({
+						title: '购买成功',
+						icon: 'success'
+					});
+				}
+			}
+		});
+	};
+</script>
+
+<style lang="scss" scoped>
+	// 变量定义
+	$bg-color: #ffffff;
+	$text-primary: #333333;
+	$text-secondary: #666666;
+	$text-light: #999999;
+	$border-color: #e5e5e5;
+	$white: #ffffff;
+	$theme-color: #e74c3c;
+	$teal-color: #00cbc0;
+	$light-teal: #e6f7f6;
+
+	// 混合器
+	@mixin flex-center {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	@mixin flex-between {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		
+	}
+
+	.buy-point-page {
+		height: calc(100vh - 140rpx);
+		background-color: $bg-color;
+		overflow: hidden; // 隐藏滚动条
+		
+		.bar{
+			width:100%;
+			height: 20rpx;
+			background:#eeeeee;
+		}
+	}
+
+	.status-bar {
+		height: 44rpx;
+		background-color: $white;
+		@include flex-between;
+		padding: 0 30rpx;
+		font-size: 24rpx;
+		color: $text-primary;
+
+		.status-left {
+			display: flex;
+			align-items: center;
+			gap: 20rpx;
+
+			.time {
+				font-weight: 500;
+			}
+
+			.app-icons {
+				display: flex;
+				gap: 8rpx;
+
+				.app-icon {
+					width: 24rpx;
+					height: 24rpx;
+					border-radius: 4rpx;
+					@include flex-center;
+					font-size: 16rpx;
+					color: $white;
+
+					&.blue { background-color: #007aff; }
+					&.red { background-color: #ff3b30; }
+					&.red-white { background-color: #ff3b30; }
+				}
+			}
+		}
+
+		.status-right {
+			display: flex;
+			align-items: center;
+			gap: 20rpx;
+
+			.network-info,
+			.signal,
+			.wifi,
+			.battery {
+				font-size: 22rpx;
+			}
+		}
+	}
+
+	.header {
+		height: 88rpx;
+		background-color: $white;
+		@include flex-between;
+		padding: 0 30rpx;
+		border-bottom: 1rpx solid $border-color;
+
+		.header-left {
+			.back-btn {
+				font-size: 48rpx;
+				color: $theme-color;
+				font-weight: bold;
+			}
+		}
+
+		.header-center {
+			.title {
+				font-size: 36rpx;
+				color: $theme-color;
+				font-weight: bold;
+			}
+		}
+	}
+
+	.main-content {
+		padding: 40rpx 0rpx;
+
+		.page-title {
+			font-size: 36rpx;
+			color: $text-primary;
+			font-weight: normal;
+			padding:0 30rpx;
+			margin-bottom: 60rpx;
+			text-align: left;
+		}
+
+		.package-grid {
+			display: grid;
+			padding:0 30rpx;
+			grid-template-columns: repeat(3, 1fr);
+			gap: 30rpx;
+			margin-bottom: 80rpx;
+
+			// 第一行3个，第二行2个
+			
+
+			.package-item {
+				height: 120rpx;
+				border: 2rpx solid $teal-color;
+				border-radius: 16rpx;
+				@include flex-center;
+				background-color: $white;
+				transition: all 0.3s ease;
+				cursor: pointer;
+
+				&.active {
+					background-color: $teal-color;
+					border-color: $teal-color;
+
+					.package-points {
+						color: $white;
+					}
+				}
+
+				.package-points {
+					font-size: 36rpx;
+					color: $teal-color;
+					font-weight: normal;
+				}
+			}
+		}
+
+		.amount-section {
+			.amount-row {
+				@include flex-between;
+				padding: 30rpx;
+				
+
+				.amount-label {
+					font-size: 32rpx;
+					color: $text-primary;
+					font-weight: normal;
+				}
+
+				.amount-value {
+					font-size: 36rpx;
+					color: $theme-color;
+					font-weight: normal;
+				}
+			}
+		}
+	}
+
+	.bottom-actions {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background-color: $white;
+	
+		z-index: 100;
+
+		.buy-btn {
+			background-color: $teal-color;
+			
+			height: 88rpx;
+			@include flex-center;
+			cursor: pointer;
+
+			.btn-text {
+				color: $white;
+				font-size: 32rpx;
+				
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_app/myFlower/myFlower.vue b/pages_app/myFlower/myFlower.vue
new file mode 100644
index 0000000..0242df2
--- /dev/null
+++ b/pages_app/myFlower/myFlower.vue
@@ -0,0 +1,190 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="我的鲜花" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	/>
+
+	<view class="flower-page">
+		<!-- 顶部统计栏（与截图一致：两项） -->
+		<view class="stats-bar">
+			<view class="stat">
+				<text class="icon">🌸</text>
+				<text class="num">{{ stat.totalCount }}</text>
+			</view>
+			<view class="stat">
+				<text class="icon">￥</text>
+				<text class="num">{{ stat.totalAmount.toFixed(2) }}</text>
+			</view>
+		</view>
+
+		<!-- 表头条（红底白字） -->
+		<view class="table-header">
+			<text class="col name">姓名</text>
+			<text class="col time">时间</text>
+			<text class="col qty">数量</text>
+		</view>
+
+		<!-- 表体/列表或空状态 -->
+		<scroll-view 
+			class="table-body" 
+			scroll-y 
+			:show-scrollbar="false"
+			refresher-enabled
+			:refresher-triggered="refreshing"
+			@refresherrefresh="onRefresh"
+			@scrolltolower="onLoadMore"
+			lower-threshold="80"
+		>
+			<view v-if="records.length === 0" class="empty-wrap">
+				<image class="empty-icon" src="/static/wdfl.png" mode="aspectFit" />
+				<text class="empty-text">您暂未收到鲜花</text>
+			</view>
+
+			<view v-else class="row" v-for="(item, idx) in records" :key="idx">
+				<text class="cell name">{{ item.name }}</text>
+				<text class="cell time">{{ item.time }}</text>
+				<text class="cell qty" :class="{ plus: item.amount > 0, minus: item.amount < 0 }">{{ item.amount }}</text>
+			</view>
+
+			<view v-if="loading" class="loading">加载中...</view>
+			<view v-if="noMore" class="no-more">没有更多了</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+// 与截图一致的顶部两项统计：总鲜花数与累计金额
+const stat = ref({ totalCount: 0, totalAmount: 0.0 });
+
+// 与表格结构匹配：姓名/时间/数量
+const records = ref([]);
+
+// 列表状态
+const refreshing = ref(false);
+const loading = ref(false);
+const noMore = ref(false);
+const page = ref(1);
+const pageSize = ref(10);
+
+const mockMore = Array.from({ length: 24 }).map((_, i) => ({
+	name: i % 2 ? '王医生' : '李医生',
+	time: `2025-06-${20 + (i % 10)} 17:1${i % 6}:2${i % 9}`,
+	amount: i % 2 ? +1 : +2
+}));
+
+const goBack = () => {
+	uni.navigateBack({
+		fail() {
+			uni.redirectTo({ url: '/pages/index/index' });
+		}
+	});
+};
+
+const onRefresh = async () => {
+	if (refreshing.value) return;
+	refreshing.value = true;
+	try {
+		await new Promise(r => setTimeout(r, 600));
+		page.value = 1;
+		noMore.value = false;
+		records.value = []; // 清空为模拟无数据或重新拉取
+		uni.showToast({ title: '刷新成功', icon: 'success' });
+	} finally {
+		refreshing.value = false;
+	}
+};
+
+const onLoadMore = async () => {
+	if (loading.value || noMore.value) return;
+	loading.value = true;
+	try {
+		await new Promise(r => setTimeout(r, 600));
+		const start = (page.value - 1) * pageSize.value;
+		const chunk = mockMore.slice(start, start + pageSize.value);
+		if (!chunk.length) {
+			noMore.value = true;
+		} else {
+			records.value.push(...chunk);
+			page.value += 1;
+		}
+	} finally {
+		loading.value = false;
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+$theme: #8B2316;
+$bg: #ffffff;
+$text: #333;
+$muted: #999;
+$card: #ffffff;
+
+.flower-page { height: calc(100vh - 140rpx); background: $bg; }
+
+.stats-bar {
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+	padding: 24rpx 0;
+	background: #fff;
+	border-bottom: 2rpx solid #eee;
+
+	.stat { display: flex; align-items: center; gap: 16rpx; }
+	.icon { font-size: 34rpx; }
+	.num { font-size: 30rpx; color: #333; }
+}
+
+.table-header {
+	background: #9e3a2e;
+	color: #fff;
+	display: flex;
+	justify-content: space-between;
+	padding: 22rpx 30rpx;
+	font-size: 30rpx;
+	position: sticky;
+	top: 140rpx; /* nav 高度 */
+	z-index: 5;
+
+	.col { width: 33%; }
+	.name { text-align: left; }
+	.time { text-align: center; }
+	.qty { text-align: right; }
+}
+
+.table-body {
+	height: calc(100vh - 140rpx - 88rpx - 70rpx);
+	/* 充满剩余高度，避免滚动穿透 */
+}
+
+.row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 26rpx 30rpx;
+	border-bottom: 2rpx solid #f2f2f2;
+	font-size: 28rpx;
+	color: #333;
+
+	.cell { width: 33%; }
+	.name { text-align: left; }
+	.time { text-align: center; color: #666; }
+	.qty { text-align: right; }
+	.qty.plus { color: #2dbd85; }
+	.qty.minus { color: #e34d4d; }
+}
+
+.empty-wrap { padding-top: 200rpx; display: flex; flex-direction: column; align-items: center; color: #bdbdbd; }
+.empty-icon { width: 220rpx; height: 220rpx; opacity: .4; }
+.empty-text { margin-top: 20rpx; font-size: 30rpx; }
+
+.loading, .no-more { text-align: center; color: #9aa0a6; padding: 20rpx 0; font-size: 26rpx; }
+</style>
diff --git a/pages_app/myWelfare/myWelfare.vue b/pages_app/myWelfare/myWelfare.vue
index 84674ad..afb1b6f 100644
--- a/pages_app/myWelfare/myWelfare.vue
+++ b/pages_app/myWelfare/myWelfare.vue
@@ -52,11 +52,12 @@
 					:class="benefit.type"
 					@click="claimBenefit(benefit)"
 				>
-					<view class="card-bg">
-						<view class="human-figure">👥</view>
-					</view>
+				   <view class="card-title">{{ benefit.title }}</view>
+					<!-- <view class="card-bg">
+						
+					</view> -->
 					<view class="card-content">
-						<view class="card-title">{{ benefit.title }}</view>
+						
 						<view class="card-details">
 							<view class="left-section">
 								<text class="condition">{{ benefit.condition }}</text>
@@ -71,27 +72,24 @@
 				</view>
 			</scroll-view>
 		</view>
-
+        <!-- 兑换福利卡 -->
+		<view class="scrollbox">
+		</view>
 		<!-- 底部导航栏 -->
 		<view class="bottom-nav">
 			<view class="nav-item" @click="goPointsDetail">
-				<view class="nav-icon">📋</view>
-				<text class="nav-text">积分详情</text>
-			</view>
-			<view class="nav-item" @click="goBenefitDetail">
-				<view class="nav-icon">🎁</view>
-				<text class="nav-text">福利详情</text>
-			</view>
-			<view class="nav-item" @click="addPatient">
-				<view class="nav-icon">👤+</view>
-				<text class="nav-text">添加患者</text>
+				<up-image  :src="jifenImg" width="34rpx" height="34rpx" ></up-image>
+				<text class="nav-text">兑换福利卡</text>
 			</view>
+			
 		</view>
 	</view>
 </template>
 
 <script setup>
 	import { ref } from 'vue';
+	import jifenImg from "@/static/duihuan.png"
+	
 
 	// 当前选中的标签页
 	const activeTab = ref(0);
@@ -319,8 +317,8 @@
 
 			&.active {
 				.tab-text {
-					color: $theme-color;
-					font-weight: 600;
+					color: #8B2316;
+					
 					font-size: 30rpx;
 				}
 			}
@@ -352,44 +350,41 @@
 			margin-bottom: 30rpx;
 			position: relative;
 			overflow: hidden;
-			@include shadow;
+			border:2rpx solid #fff;
 
 			&.points {
-				background: linear-gradient(135deg, #ff6b6b, #ee5a52);
+				
 			}
 
 			&.video {
-				background: linear-gradient(135deg, #ffa726, #ff9800);
+				
 			}
 
 			&.courseware {
-				background: linear-gradient(135deg, #ab47bc, #8e24aa);
+				
 			}
 
 			&.usb {
-				background: linear-gradient(135deg, #26a69a, #00897b);
+				
 			}
 
 			.card-bg {
 				position: absolute;
 				top: 0;
-				right: 0;
-				width: 200rpx;
-				height: 200rpx;
-				opacity: 0.1;
+				right: 20rpx;
+				left:20rpx;
+			    z-index:0;
+				
+				
 
-				.human-figure {
-					font-size: 120rpx;
-					color: $white;
-					position: absolute;
-					top: 50%;
-					left: 50%;
-					transform: translate(-50%, -50%);
-				}
 			}
 
 			.card-content {
+				margin-top: 30rpx;
+				background:url("@/static/fljifen_big.png") 0 0 no-repeat;
+				background-size: 100% 100%;
 				position: relative;
+				height: 220rpx;
 				z-index: 1;
 
 				.card-title {
@@ -403,8 +398,9 @@
 				.card-details {
 					display: flex;
 					justify-content: space-between;
-					align-items: flex-end;
-
+					align-items: center;
+					padding:0 40rpx;
+                    height: 220rpx;
 					.left-section,
 					.right-section {
 						display: flex;
@@ -414,7 +410,7 @@
 						.condition,
 						.reward-type {
 							font-size: 24rpx;
-							color: rgba(255, 255, 255, 0.8);
+							color: rgba(255, 255, 255, 11);
 						}
 
 						.requirement,
@@ -423,6 +419,9 @@
 							color: $white;
 							font-weight: bold;
 						}
+						.requirement{
+							margin-top: 40rpx;
+						}
 					}
 
 					.right-section {
@@ -439,7 +438,7 @@
 		left: 0;
 		right: 0;
 		z-index: 10;
-		height: 120rpx;
+		height: 100rpx;
 		background-color: #00cbc0;
 		border-top: 1rpx solid $border-color;
 		display: flex;
@@ -449,7 +448,7 @@
 
 		.nav-item {
 			@include flex-center;
-			flex-direction: column;
+			flex-direction: flex;
 			gap: 8rpx;
 
 			.nav-icon {
diff --git a/pages_app/myWelfareCard/myWelfareCard.vue b/pages_app/myWelfareCard/myWelfareCard.vue
new file mode 100644
index 0000000..352c4a5
--- /dev/null
+++ b/pages_app/myWelfareCard/myWelfareCard.vue
@@ -0,0 +1,452 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="我的福利卡" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	></uni-nav-bar>
+	
+	<view class="benefits-page">
+		
+
+		<!-- 头部导航栏 -->
+	
+		
+
+		<!-- 福利卡片列表 -->
+		<view class="scrollbox">
+			<scroll-view class="benefits-list" scroll-y="true" :show-scrollbar="false">
+				<view 
+					class="benefit-card" 
+					v-for="(benefit, index) in benefitsList" 
+					:key="index"
+					:class="benefit.type"
+					@click="claimBenefit(benefit)"
+				>
+				   <view class="card-title">{{ benefit.title }}</view>
+					<!-- <view class="card-bg">
+						
+					</view> -->
+					<view class="card-content">
+						
+						<view class="card-details">
+							<view class="left-section">
+								<text class="condition">{{ benefit.condition }}</text>
+								<text class="requirement">{{ benefit.requirement }}</text>
+							</view>
+							<view class="right-section">
+								<text class="reward-type">{{ benefit.rewardType }}</text>
+								<text class="reward-value">{{ benefit.rewardValue }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+        <!-- 兑换福利卡 -->
+		<view class="emptybox">
+			<up-image  :src="emptyImg" width="176rpx" height="204rpx" ></up-image>
+			<view class="empty_desc">暂无福利卡</view>
+		</view>
+		<!-- 底部导航栏 -->
+		<view class="bottom-nav">
+			<view class="nav-item" @click="goPointsDetail">
+				<up-image  :src="jifenImg" width="34rpx" height="34rpx" ></up-image>
+				<text class="nav-text">兑换福利卡</text>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	import jifenImg from "@/static/duihuan.png"
+    import emptyImg from "@/static/icon_empty.png"
+	// 当前选中的标签页
+	const activeTab = ref(0);
+
+	// 福利列表数据
+	const benefitsList = ref([
+		{
+			type: 'points',
+			title: '肝胆积分 (5个新随访)',
+			condition: '赠送积分',
+			requirement: '200积分',
+			rewardType: '立即领取',
+			rewardValue: ''
+		},
+		{
+			type: 'video',
+			title: '肝胆视频',
+			condition: '再新增随访',
+			requirement: '1个',
+			rewardType: '赠送下载',
+			rewardValue: '2集'
+		},
+		{
+			type: 'courseware',
+			title: '肝胆课件',
+			condition: '再新增随访',
+			requirement: '6个',
+			rewardType: '赠送下载',
+			rewardValue: '1篇'
+		},
+		{
+			type: 'usb',
+			title: '知识U盘',
+			condition: '再新增随访 (年度计算)',
+			requirement: '96个',
+			rewardType: '赠送U盘',
+			rewardValue: '1个'
+		}
+	]);
+
+	// 方法
+	const goBack = () => {
+		uni.navigateBack({
+			fail() {
+				uni.redirectTo({
+					url: '/pages/index/index'
+				});
+			}
+		});
+	};
+
+	const showRules = () => {
+		uni.showToast({
+			title: '福利规则',
+			icon: 'none'
+		});
+	};
+
+	const switchTab = (index) => {
+		activeTab.value = index;
+		// 这里可以根据标签页切换加载不同的数据
+		uni.showToast({
+			title: `切换到${['领取福利', '使用福利', '兑福利卡'][index]}`,
+			icon: 'none'
+		});
+	};
+
+	const claimBenefit = (benefit) => {
+		uni.showToast({
+			title: `领取${benefit.title}`,
+			icon: 'none'
+		});
+	};
+
+	const goPointsDetail = () => {
+		uni.showToast({
+			title: '积分详情',
+			icon: 'none'
+		});
+	};
+
+	const goBenefitDetail = () => {
+		uni.showToast({
+			title: '福利详情',
+			icon: 'none'
+		});
+	};
+
+	const addPatient = () => {
+		uni.showToast({
+			title: '添加患者',
+			icon: 'none'
+		});
+	};
+</script>
+
+<style lang="scss" scoped>
+	// 变量定义
+	$bg-color: #f5f6f7;
+	$text-primary: #333333;
+	$text-secondary: #666666;
+	$text-light: #999999;
+	$border-color: #e5e5e5;
+	$white: #ffffff;
+	$theme-color: #e74c3c;
+	$divider-color: #cccccc;
+	$nav-height: 140rpx; // 导航栏高度
+	$segmented-height: 80rpx; // 分段控制器高度
+	$bottom-nav-height: 120rpx; // 底部导航高度
+
+	// 混合器
+	@mixin flex-center {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	@mixin flex-between {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	@mixin shadow {
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+	}
+
+	.benefits-page {
+		min-height: 100vh;
+		background-color: $bg-color;
+		padding-top: $nav-height; // 为固定导航栏预留空间
+		.emptybox{
+			display: flex;
+			height: 100vh;
+			flex-direction:column;
+			justify-content: center;
+			align-items: center;
+			height: 100vh;
+			.empty_desc{
+				font-size: 30rpx;
+				color:#999;
+			}
+		}
+	}
+
+	.status-bar {
+		height: 44rpx;
+		background-color: $white;
+		@include flex-between;
+		padding: 0 30rpx;
+		font-size: 24rpx;
+		color: $text-primary;
+
+		.status-left {
+			display: flex;
+			align-items: center;
+			gap: 10rpx;
+
+			.time {
+				font-weight: 500;
+			}
+
+			.butterfly {
+				font-size: 20rpx;
+			}
+		}
+
+		.status-right {
+			display: flex;
+			align-items: center;
+			gap: 20rpx;
+
+			.network-info,
+			.signal,
+			.wifi,
+			.battery {
+				font-size: 22rpx;
+			}
+		}
+	}
+
+	.header {
+		height: 88rpx;
+		background-color: $white;
+		@include flex-between;
+		padding: 0 30rpx;
+		border-bottom: 1rpx solid $border-color;
+
+		.header-left {
+			.back-btn {
+				font-size: 48rpx;
+				color: $theme-color;
+				font-weight: bold;
+			}
+		}
+
+		.header-center {
+			.title {
+				font-size: 36rpx;
+				color: $text-primary;
+				font-weight: bold;
+			}
+		}
+
+		.header-right {
+			.rules-btn {
+				font-size: 28rpx;
+				color: $text-primary;
+			}
+		}
+	}
+
+	.segmented-control {
+		position: fixed;
+		top: $nav-height;
+		left: 0;
+		right: 0;
+		z-index: 10;
+		height: 80rpx;
+		background-color: $white;
+		display: flex;
+		align-items: center;
+		padding: 0 30rpx;
+		border-bottom: 1rpx solid $border-color;
+
+		.tab-item {
+			flex: 1;
+			@include flex-center;
+			height: 100%;
+			position: relative;
+
+			.tab-text {
+				font-size: 28rpx;
+				color: $text-secondary;
+				transition: all 0.3s ease;
+			}
+
+			&.active {
+				.tab-text {
+					color: #8B2316;
+					
+					font-size: 30rpx;
+				}
+			}
+		}
+
+		.divider {
+			width: 2rpx;
+			height: 40rpx;
+			background-color: $divider-color;
+		}
+	}
+  .scrollbox{
+	  position: fixed;
+	  top: calc(#{$nav-height} + #{$segmented-height});
+	  left: 30rpx;
+	  right: 30rpx;
+	  box-sizing: border-box;
+	  bottom: $bottom-nav-height;
+	  margin: 30rpx 0 ;
+	  overflow-y: auto;
+  }
+	.benefits-list {
+		
+
+		.benefit-card {
+			background: $white;
+			border-radius: 20rpx;
+			padding: 30rpx;
+			margin-bottom: 30rpx;
+			position: relative;
+			overflow: hidden;
+			border:2rpx solid #fff;
+
+			&.points {
+				
+			}
+
+			&.video {
+				
+			}
+
+			&.courseware {
+				
+			}
+
+			&.usb {
+				
+			}
+
+			.card-bg {
+				position: absolute;
+				top: 0;
+				right: 20rpx;
+				left:20rpx;
+			    z-index:0;
+				
+				
+
+			}
+
+			.card-content {
+				margin-top: 30rpx;
+				background:url("@/static/fljifen_big.png") 0 0 no-repeat;
+				background-size: 100% 100%;
+				position: relative;
+				height: 220rpx;
+				z-index: 1;
+
+				.card-title {
+					font-size: 32rpx;
+					color: $white;
+					font-weight: 600;
+					margin-bottom: 30rpx;
+					line-height: 1.4;
+				}
+
+				.card-details {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					padding:0 40rpx;
+                    height: 220rpx;
+					.left-section,
+					.right-section {
+						display: flex;
+						flex-direction: column;
+						gap: 8rpx;
+
+						.condition,
+						.reward-type {
+							font-size: 24rpx;
+							color: rgba(255, 255, 255, 11);
+						}
+
+						.requirement,
+						.reward-value {
+							font-size: 36rpx;
+							color: $white;
+							font-weight: bold;
+						}
+						.requirement{
+							margin-top: 40rpx;
+						}
+					}
+
+					.right-section {
+						align-items: flex-end;
+					}
+				}
+			}
+		}
+	}
+
+	.bottom-nav {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		z-index: 10;
+		height: 100rpx;
+		background-color: #00cbc0;
+		border-top: 1rpx solid $border-color;
+		display: flex;
+		align-items: center;
+		justify-content: space-around;
+		padding: 0 20rpx;
+
+		.nav-item {
+			@include flex-center;
+			flex-direction: flex;
+			gap: 8rpx;
+
+			.nav-icon {
+				font-size: 40rpx;
+			}
+
+			.nav-text {
+				font-size: 24rpx;
+				color: #fff;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_app/pay/pay.vue b/pages_app/pay/pay.vue
new file mode 100644
index 0000000..520926d
--- /dev/null
+++ b/pages_app/pay/pay.vue
@@ -0,0 +1,360 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="在线支付" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	></uni-nav-bar>
+	<view class="pay-page">
+		<!-- 主要内容区域 -->
+		<view class="main-content">
+			<!-- 购买信息 -->
+			<view class="purchase-summary">
+				<view class="summary-row">
+					<text class="summary-label">您购买了500积分</text>
+					<text class="summary-amount">11元</text>
+				</view>
+			</view>
+
+			<!-- 支付方式说明 -->
+			<view class="payment-intro">
+				<text class="intro-text">通过以下方式支付</text>
+			</view>
+
+			<!-- 余额支付选项 -->
+			<view class="payment-option">
+				<view class="option-left">
+					<up-image  :src="moneyImg" width="56rpx" height="56rpx" ></up-image>
+				</view>
+				<view class="option-middle">
+					<text class="option-title">余额支付 ¥0.00</text>
+					<text class="option-desc">余额不足</text>
+				</view>
+				<view class="option-right">
+					<radio 
+						:checked="selectedPayment === 'balance'" 
+						@tap="selectPayment('balance')"
+						color="#8B2316"
+					/>
+				</view>
+			</view>
+
+			<!-- 选择付款方式标题 -->
+			<view class="payment-method-title">
+				<text class="method-title-text">选择付款方式</text>
+			</view>
+
+			<!-- 微信支付选项 -->
+			<view class="payment-option">
+				<view class="option-left">
+					<up-image  :src="wxImg" width="56rpx" height="56rpx" ></up-image>
+				</view>
+				<view class="option-middle">
+					<text class="option-title">微信支付</text>
+				</view>
+				<view class="option-right">
+					<radio 
+						:checked="selectedPayment === 'wechat'" 
+						@tap="selectPayment('wechat')"
+						color="#8B2316"
+					/>
+				</view>
+			</view>
+		</view>
+
+		<!-- 底部支付按钮 -->
+		<view class="bottom-actions">
+			<view class="pay-btn" @click="confirmPayment">
+				<text class="btn-text">立即支付</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	import wxImg from "@/static/weixin.png"
+	import moneyImg from "@/static/yue.png"
+	// .png支付信息
+	const paymentInfo = ref({
+		points: 500,
+		amount: '11.00'
+	});
+
+	// 选择的支付方式
+	const selectedPayment = ref('');
+
+	// 方法
+	const goBack = () => {
+		uni.navigateBack({
+			fail() {
+				uni.redirectTo({
+					url: '/pages/index/index'
+				});
+			}
+		});
+	};
+
+	const selectPayment = (paymentType) => {
+		selectedPayment.value = paymentType;
+	};
+
+	const confirmPayment = () => {
+		if (!selectedPayment.value) {
+			uni.showToast({
+				title: '请选择支付方式',
+				icon: 'none'
+			});
+			return;
+		}
+
+		uni.showModal({
+			title: '确认支付',
+			content: `确认使用${selectedPayment.value === 'balance' ? '余额支付' : '微信支付'}支付${paymentInfo.value.amount}元购买${paymentInfo.value.points}积分？`,
+			success: (res) => {
+				if (res.confirm) {
+					uni.showToast({
+						title: '支付成功',
+						icon: 'success'
+					});
+				}
+			}
+		});
+	};
+</script>
+
+<style lang="scss" scoped>
+	// 变量定义
+	$bg-color: #e4e4e4;
+	$text-primary: #333333;
+	$text-secondary: #666666;
+	$text-light: #999999;
+	$border-color: #e0e0e0;
+	$white: #ffffff;
+	$theme-color: #e74c3c;
+	$green-color: #52c41a;
+	$light-grey: #f8f9fa;
+
+	// 混合器
+	@mixin flex-center {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	@mixin flex-between {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.pay-page {
+		height: calc(100vh - 140rpx);
+		background-color: $bg-color;
+		overflow: hidden;
+	}
+
+	.status-bar {
+		height: 44rpx;
+		background-color: $white;
+		@include flex-between;
+		padding: 0 30rpx;
+		font-size: 24rpx;
+		color: $text-primary;
+
+		.status-left {
+			display: flex;
+			align-items: center;
+			gap: 20rpx;
+
+			.time {
+				font-weight: normal;
+			}
+
+			.app-icons {
+				display: flex;
+				gap: 8rpx;
+
+				.app-icon {
+					width: 24rpx;
+					height: 24rpx;
+					border-radius: 4rpx;
+					@include flex-center;
+					font-size: 16rpx;
+					color: $white;
+
+					&.blue { background-color: #007aff; }
+					&.purple { background-color: #8e44ad; }
+					&.red { background-color: #ff3b30; }
+				}
+			}
+		}
+
+		.status-right {
+			display: flex;
+			align-items: center;
+			gap: 20rpx;
+
+			.network-info,
+			.signal,
+			.wifi,
+			.battery {
+				font-size: 22rpx;
+			}
+		}
+	}
+
+	.header {
+		height: 88rpx;
+		background-color: $white;
+		@include flex-between;
+		padding: 0 30rpx;
+		border-bottom: 1rpx solid $border-color;
+
+		.header-left {
+			.back-btn {
+				font-size: 48rpx;
+				color: $theme-color;
+				font-weight: normal;
+			}
+		}
+
+		.header-center {
+			.title {
+				font-size: 36rpx;
+				color: $theme-color;
+				font-weight: normal;
+			}
+		}
+	}
+
+	.main-content {
+		padding: 0;
+
+		.purchase-summary {
+			background-color: $white;
+			padding: 30rpx;
+			border-bottom: 1rpx solid $border-color;
+
+			.summary-row {
+				@include flex-between;
+
+				.summary-label {
+					font-size: 32rpx;
+					color: $text-primary;
+					font-weight: normal;
+				}
+
+				.summary-amount {
+					font-size: 36rpx;
+					color: $theme-color;
+					font-weight: normal;
+				}
+			}
+		}
+
+		.payment-intro {
+			
+			padding: 30rpx;
+			border-bottom: 1rpx solid $border-color;
+
+			.intro-text {
+				font-size: 28rpx;
+				color: $text-secondary;
+				font-weight: normal;
+			}
+		}
+
+		.payment-option {
+			background-color: $white;
+			padding: 30rpx;
+			border-bottom: 1rpx solid $border-color;
+			@include flex-between;
+
+			.option-left {
+				.payment-icon {
+					width: 60rpx;
+					height: 60rpx;
+					border-radius: 50%;
+					@include flex-center;
+					font-size: 32rpx;
+					color: $white;
+					font-weight: normal;
+
+					&.balance-icon {
+						background-color: $green-color;
+					}
+
+					&.wechat-icon {
+						background-color: $green-color;
+					}
+				}
+			}
+
+			.option-middle {
+				flex: 1;
+				display: flex;
+				align-items: center;
+				margin-left: 30rpx;
+
+				.option-title {
+					font-size: 32rpx;
+					color: $text-primary;
+					font-weight: normal;
+					display: block;
+				}
+
+				.option-desc {
+					font-size: 24rpx;
+					color: $theme-color;
+					font-weight: normal;
+					margin-left: 30rpx;
+				}
+			}
+
+			.option-right {
+				// 移除radio-btn样式，使用uni-app原生radio组件
+			}
+		}
+
+		.payment-method-title {
+			padding: 30rpx;
+			border-bottom: 1rpx solid $border-color;
+
+			.method-title-text {
+				font-size: 28rpx;
+				color: $text-secondary;
+				font-weight: normal;
+			}
+		}
+	}
+
+	.bottom-actions {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background-color: $white;
+		padding: 20rpx 30rpx;
+		border-top: 1rpx solid $border-color;
+		z-index: 100;
+
+		.pay-btn {
+			background-color: #8B2316;
+			border-radius: 8rpx;
+			height: 88rpx;
+			@include flex-center;
+			cursor: pointer;
+
+			.btn-text {
+				color: $white;
+				font-size: 32rpx;
+				font-weight: normal;
+			}
+		}
+	}
+</style>
diff --git a/pages_app/pointGoods/pointGoods.vue b/pages_app/pointGoods/pointGoods.vue
new file mode 100644
index 0000000..3732c48
--- /dev/null
+++ b/pages_app/pointGoods/pointGoods.vue
@@ -0,0 +1,318 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="积分商城" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	>
+		<template #right>
+			<text class="search-btn" @click="goSearch">搜索</text>
+		</template>
+	</uni-nav-bar>
+
+	<view class="goods-page">
+		<!-- 商品图片区域 -->
+		<view class="goods-image-section">
+			<swiper class="goods-swiper" :indicator-dots="true" :autoplay="false" indicator-color="rgba(0,0,0,.3)" indicator-active-color="#ff0000">
+				<swiper-item v-for="(image, index) in goodsImages" :key="index">
+					<up-image :src="image" width="100%" height="500rpx" mode="aspectFill"></up-image>
+				</swiper-item>
+			</swiper>
+		</view>
+
+		<!-- 商品信息区域 -->
+		<view class="goods-info-section">
+			<view class="goods-title">
+				<text class="title-text">{{ goodsInfo.title }}</text>
+			</view>
+			<view class="goods-points">
+				
+				<text class="points-value">{{ goodsInfo.points }}积分</text>
+				<text class="points-label">已兑换83件</text>
+			</view>
+			
+		</view>
+
+		<!-- 商品详情区域 -->
+		<view class="goods-detail-section">
+			<!-- <view class="detail-title">
+				<text class="detail-title-text">温馨提示</text>
+			</view> -->
+			<view class="detail-content">
+				<up-image  :src="tipImg" width="640rpx" height="515rpx" ></up-image>
+			</view>
+		</view>
+
+		<!-- 兑换须知 -->
+		<view class="exchange-notice">
+			<view class="notice-title">
+				<text class="notice-title-text">物品展示</text>
+			</view>
+			<view class="notice-content">
+				<text class="notice-text">{{ exchangeNotice }}</text>
+			</view>
+		</view>
+	</view>
+
+	<!-- 底部兑换按钮 -->
+	<view class="bottom-exchange">
+		
+		<button class="exchange-btn" @click="exchangeGoods">在线兑换</button>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import tipImg from "@/static/tishi.png"
+// 商品信息
+const goodsInfo = ref({
+	title: '第11-12-13届全国疑难及重症肝病学术会议论文集',
+	points: 4490,
+	description: '包含全国疑难及重症肝病学术会议的最新研究成果和临床经验总结',
+	details: [
+		{ label: '商品类型', value: '医学论文集' },
+		{ label: '适用人群', value: '肝病科医生、研究人员' },
+		{ label: '出版年份', value: '2023年' },
+		{ label: '页数', value: '约500页' }
+	]
+});
+
+// 商品图片
+const goodsImages = ref([
+	'/static/book1.png',
+	'/static/book2.png',
+	'/static/book3.png'
+]);
+
+// 兑换须知
+const exchangeNotice = ref('1. 兑换成功后不支持退换货\n2. 积分一经扣除不予退还\n3. 商品将在7个工作日内发货\n4. 如有疑问请联系客服');
+
+// 方法
+const goBack = () => {
+	uni.navigateBack({
+		fail() {
+			uni.redirectTo({
+				url: '/pages_app/pointMall/pointMall'
+			});
+		}
+	});
+};
+
+const goSearch = () => {
+	uni.navigateTo({
+		url: '/pages_app/search/search'
+	});
+};
+
+const exchangeGoods = () => {
+	uni.showModal({
+		title: '确认兑换',
+		content: `确认使用${goodsInfo.value.points}积分兑换该商品？`,
+		success: (res) => {
+			if (res.confirm) {
+				uni.showToast({
+					title: '兑换成功',
+					icon: 'success'
+				});
+			}
+		}
+	});
+};
+</script>
+
+<style lang="scss" scoped>
+// 变量定义
+$bg-color: #f5f5f5;
+$text-primary: #333333;
+$text-secondary: #666666;
+$theme-color: #8B2316;
+$white: #ffffff;
+$border-color: #e5e5e5;
+
+.goods-page {
+	min-height: calc(100vh - 140rpx - 120rpx);
+	background-color: $bg-color;
+	padding-bottom: 120rpx;
+}
+
+// 商品图片区域
+.goods-image-section {
+	background-color: $white;
+	margin-bottom: 20rpx;
+	
+	.goods-swiper {
+		height: 500rpx;
+	}
+}
+
+// 商品信息区域
+.goods-info-section {
+	background-color: $white;
+	padding: 30rpx;
+	margin-bottom: 20rpx;
+	
+	.goods-title {
+		margin-bottom: 20rpx;
+		
+		.title-text {
+			font-size: 32rpx;
+			color: #333;
+			line-height: 1.5;
+		}
+	}
+	
+	.goods-points {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 20rpx;
+		
+		.points-label {
+			font-size: 28rpx;
+			color: #999;
+			margin-right: 20rpx;
+		}
+		
+		.points-value {
+			font-size: 30rpx;
+			color: #ff0000;
+			
+		}
+	}
+	
+	.goods-desc {
+		.desc-text {
+			font-size: 28rpx;
+			color: $text-secondary;
+			line-height: 1.6;
+		}
+	}
+}
+
+// 商品详情区域
+.goods-detail-section {
+	background-color: $white;
+	padding: 30rpx;
+	margin-bottom: 20rpx;
+	
+	.detail-title {
+		margin-bottom: 30rpx;
+		 width:100%;
+		 justify-content: center;
+		 display: flex;
+		.detail-title-text {
+			text-align: center;
+			font-size: 32rpx;
+			color: $text-primary;
+			font-weight: bold;
+		}
+	}
+	
+	.detail-content {
+		display: flex;
+		justify-content: center;
+		.detail-item {
+			display: flex;
+			justify-content: space-between;
+			padding: 20rpx 0;
+			border-bottom: 1rpx solid $border-color;
+			
+			&:last-child {
+				border-bottom: none;
+			}
+			
+			.detail-label {
+				font-size: 28rpx;
+				color: $text-secondary;
+			}
+			
+			.detail-value {
+				font-size: 28rpx;
+				color: $text-primary;
+			}
+		}
+	}
+}
+
+// 兑换须知
+.exchange-notice {
+	background-color: $white;
+	padding: 30rpx;
+	
+	.notice-title {
+		display: flex;
+		justify-content: center;
+		margin-bottom: 20rpx;
+		
+		.notice-title-text {
+			font-size: 36rpx;
+			color: $text-primary;
+			font-weight: bold;
+		}
+	}
+	
+	.notice-content {
+		.notice-text {
+			font-size: 28rpx;
+			color: $text-secondary;
+			line-height: 1.6;
+		}
+	}
+}
+
+// 底部兑换按钮
+.bottom-exchange {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 100rpx;
+	background-color: $white;
+	
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	
+	z-index: 100;
+	
+	.exchange-info {
+		display: flex;
+		align-items: center;
+		
+		.exchange-label {
+			font-size: 28rpx;
+			color: $text-secondary;
+			margin-right: 20rpx;
+		}
+		
+		.exchange-points {
+			font-size: 36rpx;
+			color: $theme-color;
+			font-weight: bold;
+		}
+	}
+	
+	.exchange-btn {
+		background-color: #00cac1;
+		color: $white;
+		
+		height: 100%;
+		display: flex;
+		border-radius: 0;
+		justify-content: center;
+		align-items: center;
+		width:100%;
+		font-size: 32rpx;
+	}
+}
+
+// 搜索按钮
+.search-btn {
+	color: $theme-color;
+	font-size: 28rpx;
+}
+</style>
diff --git a/pages_app/pointMall/pointMall.vue b/pages_app/pointMall/pointMall.vue
new file mode 100644
index 0000000..0c1251d
--- /dev/null
+++ b/pages_app/pointMall/pointMall.vue
@@ -0,0 +1,679 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="积分商城" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	></uni-nav-bar>
+	<view class="point-mall-page">
+		<!-- 促销横幅 - 固定在顶部 -->
+		<view class="promo-banner-fixed">
+			<view class="swipemask">
+				<view class="banner-subtitle">111111111</view>	
+				<view class="dotbox">
+					<view class="circle" :class="{active:currentBannerIndex==index} "v-for="(banner, index) in bannerList" 
+					:key="banner.id"></view>
+				</view>
+			</view>
+			<swiper 
+				class="banner-swiper" 
+				:indicator-dots="true" 
+				:autoplay="true" 
+				:interval="3000" 
+				:duration="500"
+				indicator-color="rgba(255,255,255,0.3)"
+				indicator-active-color="#ffffff"
+				@change="onBannerChange"
+			>
+				<swiper-item v-for="(banner, index) in bannerList" :key="index">
+					<view class="banner-slide" :style="{ background: banner.gradient }">
+						<view class="banner-top">
+							<text class="dashed-line">{{ banner.topText }}</text>
+						</view>
+						<view class="banner-main">
+							<text class="main-text">{{ banner.mainText }}</text>
+							<text class="sub-text">{{ banner.subText }}</text>
+						</view>
+						<view class="banner-bottom">
+							<text class="mall-name">{{ banner.bottomText }}</text>
+						</view>
+						<!-- 装饰元素 -->
+						<view class="decorative-elements">
+							<view class="golden-coin" v-for="i in 6" :key="i">积分</view>
+							<view class="gift-box" v-for="i in 3" :key="i">🎁</view>
+						</view>
+					</view>
+				</swiper-item>
+			</swiper>
+		</view>
+
+		<!-- 筛选和排序栏 -->
+		<view class="filter-sort-bar">
+			<view class="filter-section" @click="showFilter">
+				<text class="filter-text">筛选</text>
+				<text class="arrow-down">▼</text>
+			</view>
+			<view class="divider"></view>
+			<view class="sort-section" @click="showSort">
+				<text class="sort-text">排序</text>
+				<text class="arrow-down">▼</text>
+			</view>
+		</view>
+
+		<!-- 筛选弹层 -->
+		<view v-if="filterVisible" class="filter-overlay" @click="hideFilter">
+			<view class="filter-panel" @click.stop>
+				<view class="filter-row" v-for="(cat, idx) in categories" :key="idx" @click="selectCategory(cat)">
+					<text class="row-text">{{ cat }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 排序弹层 -->
+		<view v-if="sortVisible" class="sort-overlay" @click="hideSort">
+			<view class="sort-panel" @click.stop>
+				<view class="sort-row" v-for="(opt, idx) in sortOptions" :key="idx" @click="selectSort(opt)">
+					<text class="row-text">{{ opt }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 商品网格列表 -->
+		<view class="productbox">
+			<scroll-view
+				class="products-grid" 
+				scroll-y="true" 
+				:show-scrollbar="false"
+				refresher-enabled="true"
+				:refresher-triggered="refreshing"
+				@refresherrefresh="onRefresh"
+				@scrolltolower="onLoadMore"
+				lower-threshold="80"
+			>
+				<view class="grid-container">
+					<view 
+						class="product-item" 
+						v-for="(product, index) in productsList" 
+						:key="product.id || index"
+						@click="viewProduct(product)"
+					>
+						<view class="product-image">
+							<image :src="product.image" mode="aspectFit" />
+						</view>
+						<view class="product-info">
+							<text class="product-title">{{ product.title }}</text>
+							<text class="product-points">{{ product.points }}积分</text>
+						</view>
+					</view>
+				</view>
+				<!-- 加载更多提示 -->
+				<view v-if="loading" class="loading-more">
+					<text class="loading-text">加载中...</text>
+				</view>
+				<!-- 没有更多数据提示 -->
+				<view v-if="noMore" class="no-more">
+					<text class="no-more-text">没有更多了</text>
+				</view>
+			</scroll-view>
+		</view>
+
+		<!-- 底部导航栏 - 固定在底部 -->
+		<view class="bottom-nav-fixed">
+			<view class="nav-item" @click="goMyRedemption">
+				<view class="nav-icon">🎫</view>
+				<text class="nav-text">我的兑换</text>
+			</view>
+			<view class="divider"></view>
+			<view class="nav-item" @click="goBuyPoints">
+				<view class="nav-icon">🛍️</view>
+				<text class="nav-text">购买积分</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+
+	// 轮播横幅数据
+	const bannerList = ref([
+		{
+			topText: '・积分商城・',
+			mainText: '领积分兑奖品',
+			subText: '今天你兑了吗?',
+			bottomText: '肝胆相照 积分商城',
+			gradient: 'linear-gradient(135deg, #ab47bc, #e91e63)'
+		},
+		{
+			topText: '・限时特惠・',
+			mainText: '积分大放送',
+			subText: '新用户专享福利',
+			bottomText: '肝胆相照 积分商城',
+			gradient: 'linear-gradient(135deg, #ff6b6b, #ee5a52)'
+		},
+		{
+			topText: '・新品上架・',
+			mainText: '精选好物',
+			subText: '积分兑换更划算',
+			bottomText: '肝胆相照 积分商城',
+			gradient: 'linear-gradient(135deg, #4ecdc4, #44a08d)'
+		}
+	]);
+
+	const currentBannerIndex = ref(0);
+	const onBannerChange = (e) => {
+		currentBannerIndex.value = (e?.detail?.current) ?? 0;
+	};
+
+	// 商品列表数据
+	const initialProducts = [
+		{ id: 1, title: '第11-12-13届全国疑难及重症肝病学术会议论文集', points: 4490, image: '/static/product1.png' },
+		{ id: 2, title: '第13届全国疑难及重症肝病学术会议论文集', points: 2450, image: '/static/product2.png' },
+		{ id: 3, title: '常见肝胆疾病 影像学诊断图谱', points: 4000, image: '/static/product3.png' },
+		{ id: 4, title: '肝恶性肿瘤钇[90Y]微球选择性内放射治疗典型案例集', points: 12560, image: '/static/product4.png' },
+		{ id: 5, title: '临床真菌病 诊疗手册', points: 3200, image: '/static/product5.png' },
+		{ id: 6, title: '肝肺综合征微创介入诊疗', points: 3800, image: '/static/product6.png' }
+	];
+	const productsList = ref([...initialProducts]);
+
+	// 列表状态
+	const refreshing = ref(false);
+	const loading = ref(false);
+	const noMore = ref(false);
+	const page = ref(1);
+	const pageSize = ref(6);
+
+	// 筛选弹层
+	const filterVisible = ref(false);
+	const categories = ref(['医学书籍', '知识U盘', '京东E卡', '日常用品']);
+	const selectedCategory = ref('');
+
+	// 排序弹层
+	const sortVisible = ref(false);
+	const sortOptions = ref(['综合排序', '积分从低到高', '积分从高到低', '最新上架']);
+	const selectedSort = ref('综合排序');
+
+	// 模拟更多数据（真实项目中替换为接口分页返回）
+	const mockMore = [
+		{ id: 7, title: '肝胆疾病护理规范', points: 2890, image: '/static/product7.png' },
+		{ id: 8, title: '肝癌多学科诊治专家共识', points: 5200, image: '/static/product8.png' },
+		{ id: 9, title: '介入治疗图解手册', points: 6800, image: '/static/product9.png' },
+		{ id: 10, title: '肝胆外科病例精选', points: 4300, image: '/static/product10.png' }
+	];
+
+	// 方法
+	const goBack = () => {
+		uni.navigateBack({
+			fail() {
+				uni.redirectTo({
+					url: '/pages/index/index'
+				});
+			}
+		});
+	};
+
+	const showSearch = () => {
+		uni.showToast({
+			title: '搜索功能',
+			icon: 'none'
+		});
+	};
+
+	const showFilter = () => {
+		// toggle，并与排序互斥
+		filterVisible.value = !filterVisible.value;
+		if (filterVisible.value) {
+			sortVisible.value = false;
+		}
+	};
+	const hideFilter = () => {
+		filterVisible.value = false;
+	};
+	const selectCategory = (cat) => {
+		selectedCategory.value = cat;
+		filterVisible.value = false;
+		uni.showToast({ title: `已选择：${cat}`, icon: 'none' });
+	};
+ 
+	const showSort = () => {
+		// toggle，并与筛选互斥
+		sortVisible.value = !sortVisible.value;
+		if (sortVisible.value) {
+			filterVisible.value = false;
+		}
+	};
+	const hideSort = () => {
+		sortVisible.value = false;
+	};
+	const selectSort = (opt) => {
+		selectedSort.value = opt;
+		sortVisible.value = false;
+		uni.showToast({ title: `已选择：${opt}`, icon: 'none' });
+	};
+
+	const viewProduct = (product) => {
+		uni.showToast({
+			title: `查看商品: ${product.title}`,
+			icon: 'none'
+		});
+	};
+
+	// 下拉刷新
+	const onRefresh = async () => {
+		if (refreshing.value) return;
+		refreshing.value = true;
+		try {
+			await new Promise(r => setTimeout(r, 800));
+			page.value = 1;
+			noMore.value = false;
+			productsList.value = [...initialProducts];
+			uni.showToast({ title: '刷新成功', icon: 'success' });
+		} finally {
+			refreshing.value = false;
+		}
+	};
+
+	// 上拉加载
+	const onLoadMore = async () => {
+		if (loading.value || noMore.value) return;
+		loading.value = true;
+		try {
+			await new Promise(r => setTimeout(r, 800));
+			const start = (page.value - 1) * pageSize.value;
+			const chunk = mockMore.slice(start, start + pageSize.value);
+			if (chunk.length === 0) {
+				noMore.value = true;
+			} else {
+				productsList.value.push(...chunk);
+				page.value += 1;
+			}
+		} finally {
+			loading.value = false;
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	// 变量定义
+	$bg-color: #f5f6f7;
+	$text-primary: #333333;
+	$text-secondary: #666666;
+	$text-light: #999999;
+	$border-color: #e5e5e5;
+	$white: #ffffff;
+	$theme-color: #e74c3c;
+	$divider-color: #cccccc;
+	$teal-color: #00cbc0;
+	$nav-height: 140rpx; // 导航栏高度
+	$banner-height: 300rpx; // 横幅高度
+	$filter-height: 80rpx; // 筛选栏高度
+	$bottom-nav-height: 100rpx; // 底部导航高度
+
+	// 混合器
+	@mixin flex-center {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	@mixin flex-between {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	@mixin shadow {
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+	}
+
+	.point-mall-page {
+		min-height: 100vh;
+		background-color: $bg-color;
+		padding-top: $nav-height; // 为固定导航栏预留空间
+	}
+
+	// 固定在顶部的促销横幅
+	.promo-banner-fixed {
+		position: fixed;
+		top: $nav-height;
+		left: 0;
+		right: 0;
+		z-index: 10;
+		height: $banner-height;
+		.swipemask{
+			width:100%;
+			z-index:3;
+			box-sizing:border-box;
+			position: absolute;
+			bottom:0;
+			padding:0 20rpx;
+			height: 80rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			background-color: rgba(0,0,0,0.7);
+			.banner-subtitle{
+				color:#fff;
+			}
+			.dotbox{
+				display:flex;
+				align-items: center;
+				
+				.circle{
+					margin:0 4rpx;
+					width:16rpx;
+					height:16rpx;
+					background-color: #eee;
+					border-radius: 50%;
+				}
+				.circle.active{
+					background-color: #8B2316;
+				}
+			}
+		}
+		.banner-swiper {
+			height: 100%;
+
+			.banner-slide {
+				height: 100%;
+				position: relative;
+				overflow: hidden;
+				padding: 40rpx 30rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+
+				.banner-top {
+					@include flex-center;
+
+					.dashed-line {
+						color: $white;
+						font-size: 28rpx;
+						opacity: 0.8;
+					}
+				}
+
+				.banner-main {
+					@include flex-center;
+					flex-direction: column;
+					gap: 20rpx;
+
+					.main-text {
+						color: $white;
+						font-size: 48rpx;
+						font-weight: bold;
+					}
+
+					.sub-text {
+						color: $white;
+						font-size: 32rpx;
+						opacity: 0.9;
+					}
+				}
+
+				.banner-bottom {
+					.mall-name {
+						color: $white;
+						font-size: 24rpx;
+						opacity: 0.8;
+					}
+				}
+
+				.decorative-elements {
+					position: absolute;
+					top: 0;
+					left: 0;
+					right: 0;
+					bottom: 0;
+					pointer-events: none;
+
+					.golden-coin {
+						position: absolute;
+						width: 40rpx;
+						height: 40rpx;
+						background: linear-gradient(45deg, #ffd700, #ffed4e);
+						border-radius: 50%;
+						@include flex-center;
+						font-size: 20rpx;
+						color: #b8860b;
+						font-weight: bold;
+						animation: float 3s ease-in-out infinite;
+
+						&:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; }
+						&:nth-child(2) { top: 30%; right: 15%; animation-delay: 0.5s; }
+						&:nth-child(3) { top: 60%; left: 20%; animation-delay: 1s; }
+						&:nth-child(4) { top: 70%; right: 25%; animation-delay: 1.5s; }
+						&:nth-child(5) { top: 40%; left: 60%; animation-delay: 2s; }
+						&:nth-child(6) { top: 80%; left: 70%; animation-delay: 2.5s; }
+					}
+
+					.gift-box {
+						position: absolute;
+						font-size: 40rpx;
+						bottom: 20rpx;
+
+						&:nth-child(7) { left: 20%; }
+						&:nth-child(8) { left: 50%; }
+						&:nth-child(9) { right: 20%; }
+					}
+				}
+			}
+		}
+	}
+
+	@keyframes float {
+		0%, 100% { transform: translateY(0px); }
+		50% { transform: translateY(-20px); }
+	}
+
+	.filter-sort-bar {
+		position: fixed;
+		top: calc(#{$nav-height} + #{$banner-height});
+		left: 0;
+		right: 0;
+		z-index: 9;
+		height: $filter-height;
+		background-color: $white;
+		display: flex;
+		align-items: center;
+		padding: 0 30rpx;
+		border-bottom: 1rpx solid $border-color;
+
+		.filter-section,
+		.sort-section {
+			flex: 1;
+			@include flex-center;
+			gap: 10rpx;
+			cursor: pointer;
+
+			.filter-text,
+			.sort-text {
+				font-size: 28rpx;
+				color: $text-primary;
+			}
+
+			.arrow-down {
+				font-size: 20rpx;
+				color: $text-light;
+			}
+		}
+
+		.divider {
+			width: 2rpx;
+			height: 40rpx;
+			background-color: $divider-color;
+		}
+	}
+
+	// 筛选弹层样式
+	.filter-overlay {
+		position: fixed;
+		top: calc(#{$nav-height} + #{$banner-height} + #{$filter-height}  + 20rpx);
+		left: 0;
+		right: 0;
+		bottom: $bottom-nav-height;
+		z-index: 100;
+		background: rgba(0, 0, 0, 0.3);
+
+		.filter-panel {
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background: #fff;
+
+			.filter-row {
+				height:90rpx;
+				border-bottom: 2rpx solid #e6e6e6;
+				@include flex-center;
+
+				.row-text {
+					font-size:30rpx;
+					color: #9b9b9b;
+				}
+			}
+		}
+	}
+
+	// 排序弹层样式
+	.sort-overlay {
+		position: fixed;
+		top: calc(#{$nav-height} + #{$banner-height} + #{$filter-height}  + 20rpx);
+		left: 0;
+		right: 0;
+		bottom: $bottom-nav-height;
+		z-index: 100;
+		background: rgba(0, 0, 0, 0.3);
+
+		.sort-panel {
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background: #fff;
+
+			.sort-row {
+				height:90rpx;
+				border-bottom: 2rpx solid #e6e6e6;
+				@include flex-center;
+
+				.row-text {
+					font-size:30rpx;
+					color: #9b9b9b;
+				}
+			}
+		}
+	}
+
+	.productbox{
+		position: fixed;
+		top: calc(#{$nav-height} + #{$banner-height} + #{$filter-height});
+		left: 30rpx;
+		right: 30rpx;
+		bottom: $bottom-nav-height;
+		overflow-y: auto;
+	}
+	.products-grid {
+		padding:30rpx 0rpx;
+
+		// 加载状态
+		.loading-more, .no-more {
+			@include flex-center;
+			padding: 28rpx 0;
+			.loading-text, .no-more-text {
+				font-size: 26rpx;
+				color: $text-light;
+			}
+		}
+
+		.grid-container {
+			display: grid;
+			grid-template-columns: repeat(2, 1fr);
+			gap: 30rpx;
+
+			.product-item {
+				background: $white;
+				border-radius: 16rpx;
+				overflow: hidden;
+				@include shadow;
+
+				.product-image {
+					width: 100%;
+					height: 200rpx;
+					background-color: #f0f0f0;
+					@include flex-center;
+
+					image {
+						width: 100%;
+						height: 100%;
+					}
+				}
+
+				.product-info {
+					padding: 20rpx;
+
+					.product-title {
+						font-size: 26rpx;
+						color: $text-primary;
+						line-height: 1.4;
+						display: block;
+						height: 30rpx;
+						margin:0 0rpx 16rpx;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+
+					.product-points {
+						font-size: 28rpx;
+						color: $theme-color;
+						
+					}
+				}
+			}
+		}
+	}
+
+	// 固定在底部的导航栏
+	.bottom-nav-fixed {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		z-index: 10;
+		height: $bottom-nav-height;
+		background-color: $teal-color;
+		display: flex;
+		align-items: center;
+		justify-content: space-around;
+		padding: 0 40rpx;
+
+		.nav-item {
+			@include flex-center;
+			flex-direction: row;
+			gap: 8rpx;
+
+			.nav-icon {
+				font-size: 40rpx;
+				color: $white;
+			}
+
+			.nav-text {
+				font-size: 24rpx;
+				color: $white;
+			}
+		}
+
+		.divider {
+			width: 2rpx;
+			height: 40rpx;
+			background-color: rgba(255, 255, 255, 1);
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_app/videoDetail/videoDetail.vue b/pages_app/videoDetail/videoDetail.vue
new file mode 100644
index 0000000..af3afca
--- /dev/null
+++ b/pages_app/videoDetail/videoDetail.vue
@@ -0,0 +1,385 @@
+<template>
+	<uni-nav-bar
+		left-icon="left"
+		title="视频详情"
+		@clickLeft="goBack"
+		fixed
+		color="#8B2316"
+		height="140rpx"
+		:border="false"
+		backgroundColor="#eeeeee"
+	>
+		<template #right>
+			<view class="nav-actions">
+				<uni-icons type="share" size="22" color="#8B2316" />
+				<uni-icons type="heart" size="22" color="#8B2316" />
+			</view>
+		</template>
+	</uni-nav-bar>
+
+	<view class="video-detail-page">
+		<scroll-view class="content-scroll" scroll-y :show-scrollbar="false" @scrolltolower="onScrollToLower" lower-threshold="60">
+			<!-- 视频区域 -->
+			<view class="player-wrapper">
+				<video class="player" :src="videoSrc" :poster="poster" controls objectFit="contain"></video>
+			</view>
+
+			<!-- 标签切换 -->
+			<view class="tabs">
+				<view class="tab" :class="{ active: activeTab === 'info' }" @click="switchTab('info')">视频简介</view>
+				<view class="tab" :class="{ active: activeTab === 'comment' }" @click="switchTab('comment')">评论</view>
+			</view>
+
+			<!-- 内容区 -->
+			<view v-if="activeTab === 'info'" class="intro">
+				<view class="speaker">陈煜 教授</view>
+				<text class="intro-text">{{ introText }}</text>
+			</view>
+			<view v-else class="comments">
+				<view v-if="commentList.length === 0" class="empty">暂无评论</view>
+				<view v-else>
+					<view class="comment-item" v-for="(c, idx) in commentList" :key="idx">
+						<image class="avatar" :src="c.avatar" mode="aspectFill" />
+						<view class="meta">
+							<view class="name">{{ c.name }}</view>
+							<view class="content">{{ c.content }}</view>
+							<view class="time">{{ c.time }}</view>
+						</view>
+						<view class="reply-btn" @click="onReply(c)">回复</view>
+					</view>
+					<!-- 加载状态/没有更多 -->
+					<view v-if="loading" class="list-loading">加载中...</view>
+					<view v-if="noMore" class="list-no-more">没有更多了</view>
+				</view>
+			</view>
+
+			<!-- 留白，避免被底部按钮遮挡 -->
+			<!-- <view class="bottom-spacer"></view> -->
+		</scroll-view>
+	</view>
+
+	<!-- 底部区域：信息页为下载条，评论页为上传图片+输入+发送 -->
+	<view v-if="activeTab === 'info'" class="bottom-download" @click="onDownload">
+		<text class="download-text">点击下载(限时<text class="discount">5</text>折，仅需50积分)</text>
+	</view>
+	<view v-else class="bottom-comment">
+		<input class="comment-input" v-model="commentText" placeholder="我也说一句" confirm-type="send" @confirm="sendComment" />
+		<view class="send-btn" @click="sendComment">发送</view>
+	</view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const videoSrc = ref('');
+const poster = ref('/static/livebg.png');
+const activeTab = ref('info');
+
+const introText = ref(
+	'首都医科大学附属北京佑安医院，肝病中心四科主任（疑难肝病与人工肝中心主任），主任医师，教授，博士生导师。中华医学会肝病学分会副秘书长、委员、终末期肝病学组副组长，北京医学会肝病学分会常委，肝衰竭及人工肝学组副组长，北京肝胆相照公益基金会副理事长等。发表论文500余篇，累计SCI论文150余篇，出版专著20余部，获得科研奖项10余项，获得发明专利7项。'
+);
+
+// 示例评论数据
+const commentList = ref([
+  {
+    avatar: '/static/icon_home_my_public.png',
+    name: '肝胆相照测试号4',
+    content: 'hhjh',
+    time: '2025-07-01 17:17:13'
+  },
+  {
+    avatar: '/static/icon_home_my_public.png',
+    name: '肝胆相照测试号4',
+    content: 'kkkk',
+    time: '2025-07-01 17:17:18'
+  },
+  {
+    avatar: '/static/icon_home_my_public.png',
+    name: '肝胆相照测试号4',
+    content: 'nnj',
+    time: '2025-07-01 17:17:22'
+  }
+]);
+
+const switchTab = (tab) => {
+	activeTab.value = tab;
+};
+
+const onDownload = () => {
+	uni.showToast({ title: '前往下载页', icon: 'none' });
+};
+
+const goBack = () => {
+	uni.navigateBack();
+};
+
+const onReply = (c) => {
+  uni.showToast({ title: `回复：${c.name}`, icon: 'none' });
+};
+
+// 评论输入
+const commentText = ref('');
+const sendComment = () => {
+  if (!commentText.value.trim()) {
+    uni.showToast({ title: '请输入内容', icon: 'none' });
+    return;
+  }
+  commentList.value.unshift({
+    avatar: '/static/icon_home_my_public.png',
+    name: '我',
+    content: commentText.value,
+    time: new Date().toISOString().slice(0, 19).replace('T', ' ')
+  });
+  commentText.value = '';
+};
+
+// 上拉加载
+const page = ref(1);
+const pageSize = ref(10);
+const loading = ref(false);
+const noMore = ref(false);
+
+const mockMore = Array.from({ length: 30 }).map((_, i) => ({
+  avatar: '/static/icon_home_my_public.png',
+  name: '肝胆相照测试号4',
+  content: `更多评论 ${i + 1}`,
+  time: `2025-07-01 17:${20 + Math.floor(i / 2)}:${10 + (i % 2) * 5}`
+}));
+
+const onScrollToLower = async () => {
+  if (activeTab.value !== 'comment' || loading.value || noMore.value) return;
+  loading.value = true;
+  try {
+    await new Promise(r => setTimeout(r, 600));
+    const start = (page.value - 1) * pageSize.value;
+    const chunk = mockMore.slice(start, start + pageSize.value);
+    if (!chunk.length) {
+      noMore.value = true;
+    } else {
+      commentList.value.push(...chunk);
+      page.value += 1;
+    }
+  } finally {
+    loading.value = false;
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+$nav-h: 140rpx;
+$bottom-h: 100rpx;
+$bg-color: #f7f7f7;
+$text-primary: #333;
+$text-secondary: #666;
+$theme-color: #8B2316;
+
+.nav-actions {
+	display: flex;
+	align-items: center;
+	gap: 20rpx;
+}
+
+.video-detail-page {
+	height: calc(100vh - #{$nav-h} - #{$bottom-h});
+	background: $bg-color;
+	overflow: hidden;
+}
+
+.content-scroll {
+	height: 100%;
+}
+
+.player-wrapper {
+	background: #fff;
+}
+
+.player {
+	width: 100%;
+	height: 420rpx;
+	background: #000;
+	border-bottom: 1rpx solid #eee;
+}
+
+.tabs {
+	background: #fff;
+	display: flex;
+	justify-content: center;
+	gap: 240rpx;
+	padding: 24rpx 0 0;
+	position: sticky;
+	border-bottom:2rpx solid #cccccc;
+	top: 0;
+	z-index: 5;
+
+	.tab {
+		position: relative;
+		padding: 16rpx 0 24rpx;
+		color: $text-secondary;
+		font-size: 28rpx;
+
+		&.active {
+			color: $theme-color;
+		}
+
+		&.active::after {
+			content: '';
+			position: absolute;
+			left: 50%;
+			bottom: 0;
+			transform: translateX(-50%);
+			width: 64rpx;
+			height: 6rpx;
+			border-radius: 6rpx;
+			background: $theme-color;
+		}
+	}
+}
+
+.intro {
+	background: #fff;
+	padding: 24rpx 28rpx 40rpx;
+
+	.speaker {
+		font-size: 32rpx;
+		color: $text-primary;
+		margin: 12rpx 0 20rpx;
+	}
+
+	.intro-text {
+		font-size: 30rpx;
+		line-height: 1.8;
+		color: $text-primary;
+	}
+}
+
+.comments {
+	background: #fff;
+	min-height: 300rpx;
+	padding: 20rpx 20rpx 40rpx;
+
+	.empty {
+		text-align: center;
+		color: $text-secondary;
+		padding: 60rpx 0;
+	}
+
+	.comment-item {
+		display: flex;
+		align-items: flex-start;
+		padding: 24rpx 10rpx;
+		border-bottom: 2rpx solid #f0f0f0;
+
+		.avatar {
+			width: 100rpx;
+			height: 100rpx;
+			border-radius: 20rpx;
+			margin-right: 20rpx;
+			background: #eee;
+		}
+
+		.meta {
+			flex: 1;
+			min-width: 0;
+
+			.name {
+				font-size: 30rpx;
+				color: #1f1f1f;
+				margin-bottom: 6rpx;
+			}
+
+			.content {
+				font-size: 30rpx;
+				color: #666;
+				line-height: 1.6;
+				margin-bottom: 12rpx;
+				word-break: break-word;
+			}
+
+			.time {
+				font-size: 24rpx;
+				color: #909399;
+			}
+		}
+
+		.reply-btn {
+			margin-left: 16rpx;
+			border: 2rpx solid #8B2316;
+			color: #8B2316;
+			border-radius: 36rpx;
+			padding: 10rpx 24rpx;
+			font-size: 26rpx;
+			white-space: nowrap;
+		}
+	}
+
+	.list-loading,
+	.list-no-more {
+		text-align: center;
+		color: #9aa0a6;
+		padding: 20rpx 0;
+		font-size: 26rpx;
+	}
+}
+
+.bottom-spacer {
+	height: 40rpx;
+}
+
+.bottom-download {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: $bottom-h;
+	background: #00cac1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: 10;
+    .discount{
+		color:#d4ff00;
+		font-size: 40rpx;
+	}
+	.download-text {
+		color: #fff;
+		font-size: 30rpx;
+	}
+}
+
+.bottom-comment {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 100rpx;
+	background: #ffffff;
+	display: flex;
+	align-items: center;
+	padding: 0 20rpx;
+	gap: 16rpx;
+	z-index: 10;
+
+	.comment-input {
+		flex: 1;
+		height: 72rpx;
+		border-radius: 10rpx;
+		background: #ffffff;
+		border: 2rpx solid #cacaca;
+		padding: 0 24rpx;
+		font-size: 28rpx;
+		color: #333;
+	}
+
+	.send-btn {
+		padding: 0 28rpx;
+		height: 72rpx;
+		border-radius: 36rpx;
+		background: #8B2316;
+		color: #fff;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 28rpx;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/static/duihuan.png b/static/duihuan.png
new file mode 100644
index 0000000..df59440
Binary files /dev/null and b/static/duihuan.png differ
diff --git a/static/fljifen_big.png b/static/fljifen_big.png
new file mode 100644
index 0000000..5b7a1b1
Binary files /dev/null and b/static/fljifen_big.png differ
diff --git a/static/flkecheng_big.png b/static/flkecheng_big.png
new file mode 100644
index 0000000..cbea642
Binary files /dev/null and b/static/flkecheng_big.png differ
diff --git a/static/flkejian_big.png b/static/flkejian_big.png
new file mode 100644
index 0000000..13b7623
Binary files /dev/null and b/static/flkejian_big.png differ
diff --git a/static/flshipin_big.png b/static/flshipin_big.png
new file mode 100644
index 0000000..98debac
Binary files /dev/null and b/static/flshipin_big.png differ
diff --git a/static/flupan_big.png b/static/flupan_big.png
new file mode 100644
index 0000000..4f6a597
Binary files /dev/null and b/static/flupan_big.png differ
diff --git a/static/flupannull_big.png b/static/flupannull_big.png
new file mode 100644
index 0000000..bd4d4f9
Binary files /dev/null and b/static/flupannull_big.png differ
diff --git a/static/flwanfang_big.png b/static/flwanfang_big.png
new file mode 100644
index 0000000..585785c
Binary files /dev/null and b/static/flwanfang_big.png differ
diff --git a/static/flwen_big.png b/static/flwen_big.png
new file mode 100644
index 0000000..f6f12f8
Binary files /dev/null and b/static/flwen_big.png differ
diff --git a/static/fulidetail.png b/static/fulidetail.png
new file mode 100644
index 0000000..e2b6175
Binary files /dev/null and b/static/fulidetail.png differ
diff --git a/static/icon_empty.png b/static/icon_empty.png
new file mode 100644
index 0000000..1e19daf
Binary files /dev/null and b/static/icon_empty.png differ
diff --git a/static/jifendetail.png b/static/jifendetail.png
new file mode 100644
index 0000000..ff3b45a
Binary files /dev/null and b/static/jifendetail.png differ
diff --git a/static/tianjiapatient.png b/static/tianjiapatient.png
new file mode 100644
index 0000000..7f0b9c9
Binary files /dev/null and b/static/tianjiapatient.png differ
diff --git a/static/tishi.png b/static/tishi.png
new file mode 100644
index 0000000..25f68a3
Binary files /dev/null and b/static/tishi.png differ
diff --git a/static/weixin.png b/static/weixin.png
new file mode 100644
index 0000000..2cdae4a
Binary files /dev/null and b/static/weixin.png differ
diff --git a/static/yue.png b/static/yue.png
new file mode 100644
index 0000000..c4dbbce
Binary files /dev/null and b/static/yue.png differ