diff --git a/pages.json b/pages.json
index 2a55a03..ae7d364 100644
--- a/pages.json
+++ b/pages.json
@@ -103,6 +103,17 @@
 				 }
 			}
 		},
+		
+		{
+			"path": "myWelfareCard/myWelfareCard",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
 		{
 			"path": "ppt/ppt",
 			"style": {
@@ -113,6 +124,16 @@
 				 }
 			}
 		},
+		{
+			"path": "pointMall/pointMall",
+			"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..3c07e74
--- /dev/null
+++ b/pages_app/buyPoint/buyPoint.vue
@@ -0,0 +1,14 @@
+<template>
+	<view class="content">
+		
+	</view>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+</script>
+
+<style scoped>
+
+</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/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/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