commit 29038849228d71e187e40df95adfd8da83c04fc1
Author: zoujiandong <10130823232@qq.com>
Date:   Thu Aug 14 17:02:24 2025 +0800

    first commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..fcf83a6
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,34 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+yarn.lock
+
+node_modules
+uni_modules
+unpackage
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# node_modules
+node_modules
+package-lock.json
+package-lock.json
+components.d.ts
diff --git a/App.vue b/App.vue
new file mode 100644
index 0000000..6f1caaf
--- /dev/null
+++ b/App.vue
@@ -0,0 +1,53 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
+			console.log('App Launch')
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style lang="scss">
+	
+	/*每个页面公共css */
+	@import '@/uni_modules/uni-scss/index.scss';
+	/* #ifndef APP-NVUE */
+	@import '@/static/customicons.css';
+	// 设置整个项目的背景色
+	page {
+		background-color: #f5f5f5;
+	}
+
+	/* #endif */
+	.uni-nav-bar-text{
+		font-weight: bold;
+		font-size: 34rpx!important;
+	}
+	.example-info {
+		font-size: 14px;
+		color: #333;
+		padding: 10px;
+	}
+	.twoline{
+	  display: -webkit-box;
+	  -webkit-box-orient: vertical;
+	  -webkit-line-clamp: 2;
+	  overflow: hidden;
+	}
+	
+	.oneline{
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+	.uni-navbar .uniui-left{
+		font-weight: bold;
+		font-size: 50rpx!important;
+	}
+</style>
diff --git a/api/api.js b/api/api.js
new file mode 100644
index 0000000..0d558ce
--- /dev/null
+++ b/api/api.js
@@ -0,0 +1,27 @@
+import {request} from '@/utils/request.js'
+const api = {
+	wxLogin(data) {
+		return request('/login/wechat/mobile', data, 'post', true);
+	},
+	mobileLogin(data) {
+		return request('/login/mobile', data, 'post', true);
+	},
+	getCode(data) {
+		return request('/code/phone', data, 'post', true);
+	},
+
+	// 视频相关API
+	getVideoList(data) {
+		return request('/video/list', data, 'get', true);
+	},
+	getVideoDetail(data) {
+		return request('/video/detail', data, 'get', true);
+	},
+	getBannerVideo(data) {
+		return request('/video/banner', data, 'get', true);
+	},
+
+}
+	
+
+export default api
\ No newline at end of file
diff --git a/compoents/tabBar/tabBar.vue b/compoents/tabBar/tabBar.vue
new file mode 100644
index 0000000..b027f00
--- /dev/null
+++ b/compoents/tabBar/tabBar.vue
@@ -0,0 +1,367 @@
+<template>
+	<view class="custom-tabbar">
+		<view 
+			class="tabbar-item" 
+			v-for="(item, index) in tabList" 
+			:key="index"
+			@click="switchTab(index, item)"
+			:class="{ active: currentTab === index }"
+		>
+			<!-- 图标容器 -->
+			<view class="icon-container">
+				<!-- <uni-icons 
+					:type="currentTab === index ? item.activeIcon : item.icon" 
+					:size="currentTab === index ? 28 : 24" 
+					:color="currentTab === index ? item.activeColor : item.color"
+				></uni-icons> -->
+				 <image class="img" :src="currentTab === index ? item.activeIcon : item.icon" alt="" />
+				<!-- 徽章 -->
+				<view class="badge" v-if="item.badge && item.badge > 0">
+					<uni-badge 
+						:text="item.badge > 99 ? '99+' : item.badge.toString()" 
+						type="error" 
+						size="small"
+					></uni-badge>
+				</view>
+				
+				<!-- 红点 -->
+				<view class="red-dot" v-if="item.showRedDot"></view>
+			</view>
+			
+			<!-- 文字 -->
+			<text class="tab-text" :class="{ active: currentTab === index }">
+				{{ item.text }}
+			</text>
+			
+			<!-- 动画效果 -->
+			<!-- <view class="active-indicator" v-if="currentTab === index"></view> -->
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, reactive, onMounted, nextTick } from 'vue';
+	import { onShow, onLoad } from "@dcloudio/uni-app";
+    import home from '@/static/home_nor.png'
+	import homeOn from '@/static/home_sel.png'
+	import classroom from "@/static/classroom.png"
+	import classroomOn from "@/static/classroomOn.png"
+	import live from "@/static/live.png"
+	import liveOn from "@/static/liveOn.png"
+	import education from '@/static/education.png'
+	import educationOn from '@/static/educationOn.png'
+	import my from '@/static/my.png'
+	import myOn from '@/static/myOn.png'
+	
+	// 定义props
+	const props = defineProps({
+		// 可以添加自定义props
+	});
+
+	// 定义emits
+	const emit = defineEmits(['tabChange']);
+
+	// 当前选中的tab
+	const currentTab = ref(0);
+	
+	// tabbar数据
+	const tabList = reactive([
+		{
+			icon: home,
+			activeIcon: homeOn,
+			text: '首页',
+			color: '#999999',
+			activeColor: '#007aff',
+			badge: 0,
+			showRedDot: false,
+			pagePath: '/pages/index/index'
+		},
+		{
+			icon: classroom,
+			activeIcon: classroomOn,
+			text: '患教学堂',
+			color: '#999999',
+			activeColor: '#007aff',
+			badge: 5,
+			showRedDot: false,
+			pagePath: '/pages/education/education'
+		},
+		{
+			icon: live,
+			activeIcon: liveOn,
+			text: '会议·直播',
+			color: '#999999',
+			activeColor: '#007aff',
+			badge: 0,
+			showRedDot: true,
+			pagePath: '/pages/meeting/meeting'
+		},
+		{
+			icon: education,
+			activeIcon:educationOn,
+			text: '继续教育',
+			color: '#999999',
+			activeColor: '#007aff',
+			badge: 12,
+			showRedDot: false,
+			pagePath: '/pages/education/continuing'
+		},
+		{
+			icon: my,
+			activeIcon: myOn,
+			text: '我的',
+			color: '#999999',
+			activeColor: '#007aff',
+			badge: 0,
+			showRedDot: false,
+			pagePath: '/pages/profile/profile'
+		}
+	]);
+
+	// 切换tab
+	const switchTab = (index, item) => {
+		if (currentTab.value === index) return;
+		
+		// 更新当前tab
+		currentTab.value = index;
+		
+		// 清除红点
+		if (item.showRedDot) {
+			item.showRedDot = false;
+		}
+		
+		// 页面跳转
+		uni.switchTab({
+			url: item.pagePath,
+			fail: () => {
+				// 如果页面不存在，使用navigateTo
+				uni.navigateTo({
+					url: item.pagePath,
+					fail: () => {
+						uni.showToast({
+							title: '页面开发中',
+							icon: 'none'
+						});
+					}
+				});
+			}
+		});
+		
+		// 触发父组件事件
+		emit('tabChange', {
+			index,
+			item
+		});
+	};
+
+	// 设置徽章数量
+	const setBadge = (index, count) => {
+		if (index >= 0 && index < tabList.length) {
+			tabList[index].badge = count;
+		}
+	};
+
+	// 显示红点
+	const showRedDot = (index) => {
+		if (index >= 0 && index < tabList.length) {
+			tabList[index].showRedDot = true;
+		}
+	};
+
+	// 隐藏红点
+	const hideRedDot = (index) => {
+		if (index >= 0 && index < tabList.length) {
+			tabList[index].showRedDot = false;
+		}
+	};
+
+	// 设置当前tab
+	const setCurrentTab = (index) => {
+		if (index >= 0 && index < tabList.length) {
+			currentTab.value = index;
+		}
+	};
+
+	// 获取当前tab信息
+	const getCurrentTab = () => {
+		return {
+			index: currentTab.value,
+			item: tabList[currentTab.value]
+		};
+	};
+
+	// 更新tabbar数据
+	const updateTabList = (newTabList) => {
+		if (Array.isArray(newTabList)) {
+			tabList.splice(0, tabList.length, ...newTabList);
+		}
+	};
+
+	// 暴露方法给父组件
+	defineExpose({
+		setBadge,
+		showRedDot,
+		hideRedDot,
+		setCurrentTab,
+		getCurrentTab,
+		updateTabList,
+		currentTab,
+		tabList
+	});
+
+	// 页面加载时获取当前页面路径
+	onLoad(() => {
+		nextTick(() => {
+			const pages = getCurrentPages();
+			const currentPage = pages[pages.length - 1];
+			const currentPath = '/' + currentPage.route;
+			
+			// 根据当前页面路径设置选中的tab
+			const tabIndex = tabList.findIndex(item => item.pagePath === currentPath);
+			if (tabIndex !== -1) {
+				currentTab.value = tabIndex;
+			}
+		});
+	});
+
+	// 页面显示时更新状态
+	onShow(() => {
+		// 可以在这里更新徽章数量等状态
+		console.log('Tabbar onShow - 当前tab:', currentTab.value);
+	});
+
+	// 组件挂载后
+	onMounted(() => {
+		console.log('Tabbar组件已挂载');
+	});
+</script>
+
+<style scoped>
+	.custom-tabbar {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		overflow-x: hidden;
+		height: 120rpx;
+		background-color: #ffffff;
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+		border-top: 2rpx solid #f0f0f0;
+		box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.1);
+		z-index: 999;
+		padding-bottom: env(safe-area-inset-bottom);
+	}
+
+	.tabbar-item {
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		flex: 1;
+		height: 100%;
+		transition: all 0.3s ease;
+	}
+     .img{
+		 width: 46rpx;
+		 height: 46rpx;
+	 }
+	.icon-container {
+		width:100%;
+		overflow-x: hidden;
+		position: relative;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 8rpx;
+	}
+
+	.badge {
+		position: absolute;
+		top: -8rpx;
+		right: -8rpx;
+		z-index: 10;
+	}
+
+	.red-dot {
+		position: absolute;
+		top: -4rpx;
+		right: -4rpx;
+		width: 16rpx;
+		height: 16rpx;
+		background-color: #ff0000;
+		border-radius: 50%;
+		border: 2rpx solid #ffffff;
+		z-index: 10;
+	}
+
+	.tab-text {
+		font-size: 20rpx;
+		color: #999999;
+		transition: all 0.3s ease;
+		font-weight: 400;
+	}
+
+	.tab-text.active {
+		color: #8B2316;
+		font-weight: 600;
+		transform: scale(1.05);
+	}
+
+	.active-indicator {
+		position: absolute;
+		bottom: 0;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 40rpx;
+		height: 4rpx;
+		background: linear-gradient(90deg, #007aff, #0056b3);
+		border-radius: 2rpx;
+		animation: slideIn 0.3s ease;
+	}
+
+	@keyframes slideIn {
+		from {
+			width: 0;
+			opacity: 0;
+		}
+		to {
+			width: 40rpx;
+			opacity: 1;
+		}
+	}
+
+	/* 点击效果 */
+	.tabbar-item:active {
+		transform: scale(0.95);
+	}
+
+	/* 响应式设计 */
+	@media (max-width: 750rpx) {
+		.custom-tabbar {
+			height: 100rpx;
+		}
+		
+		.tab-text {
+			font-size: 18rpx;
+		}
+	}
+
+	/* 深色模式支持 */
+	@media (prefers-color-scheme: dark) {
+		.custom-tabbar {
+			background-color: #1c1c1e;
+			border-top-color: #2c2c2e;
+		}
+		
+		.tab-text {
+			color: #8e8e93;
+		}
+		
+		.tab-text.active {
+			color: #0a84ff;
+		}
+	}
+</style>
diff --git a/echart.html b/echart.html
new file mode 100644
index 0000000..03a4b70
--- /dev/null
+++ b/echart.html
@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>地图下钻</title>
+    <style>
+      :root {
+        --primary: #1890ff;
+        --primary-hover: #40a9ff;
+        --bg: #f4f8fb;
+        --radius: 18px;
+        --shadow: 0 4px 24px 0 rgba(24, 144, 255, 0.08);
+      }
+      body {
+        margin: 0;
+        padding: 0;
+        font-family: Arial, sans-serif;
+        background: var(--bg);
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+      }
+      .center-box {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        width: 100vw;
+        height: 100vh;
+      }
+      .map-container {
+        width: 80vw;
+        max-width: 1200px;
+        height: 80vh;
+        min-height: 400px;
+        background: #fff;
+        border-radius: var(--radius);
+        box-shadow: var(--shadow);
+        position: relative;
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: box-shadow 0.3s;
+      }
+      #main {
+        width: 100%;
+        height: 70%;
+        border-radius: var(--radius);
+      }
+      .btns {
+        position: absolute;
+        top: 32px;
+        left: 32px;
+        display: flex;
+        gap: 24px;
+      }
+      .btn {
+        padding: 10px 28px;
+        background-color: var(--primary);
+        color: #fff;
+        border: none;
+        border-radius: 6px;
+        cursor: pointer;
+        font-size: 16px;
+        font-weight: 500;
+        box-shadow: 0 2px 8px 0 rgba(24, 144, 255, 0.12);
+        transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
+        z-index: 10;
+      }
+
+      .btn:hover {
+        background-color: var(--primary-hover);
+        transform: translateY(-2px) scale(1.04);
+        box-shadow: 0 4px 16px 0 rgba(24, 144, 255, 0.18);
+      }
+      @media (max-width: 900px) {
+        .map-container {
+          width: 98vw;
+          height: 70vh;
+        }
+        .btn {
+          top: 16px;
+          left: 16px;
+          padding: 8px 18px;
+          font-size: 14px;
+        }
+      }
+      @media (max-width: 600px) {
+        .map-container {
+          width: 100vw;
+          height: 60vh;
+          min-height: 220px;
+        }
+        .btn {
+          top: 8px;
+          left: 8px;
+          padding: 6px 10px;
+          font-size: 13px;
+        }
+      }
+    </style>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.min.js"
+      integrity="sha512-XSmbX3mhrD2ix5fXPTRQb2FwK22sRMVQTpBP2ac8hX7Dh/605hA2QDegVWiAvZPiXIxOV0CbkmUjGionDpbCmw=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+  </head>
+  <body>
+    <div class="center-box">
+      <div class="map-container">
+        <div id="main"></div>
+        <div class="btns">
+          <input
+            type="button"
+            class="btn"
+            onClick="reutrnUp()"
+            value="返回上一级"
+          />
+        </div>
+      </div>
+    </div>
+    <script>
+      // 获取echartsDOM元素
+      const echartDOM = document.getElementById('main')
+      const chart = echarts.init(echartDOM)
+      let menus = [
+        {
+          adcode: 100000,
+          name: '全国'
+        }
+      ]
+      /**
+       *  @function 获取地区数据
+       *  @param {number} adcode - 地区编码，默认为100000（全国）
+       * */
+      const getGeoJson = async (adcode = 100000) => {
+        try {
+          const url = `https://geo.datav.aliyun.com/areas_v2/bound/${adcode}_full.json`
+          const result = await axios.get(url)
+          return result.data
+        } catch (err) {
+          return void 0
+        }
+      }
+      let option = null
+
+      const updateEcharts = async (adcode, name) => {
+        // 默认获取全国行政区数据
+        const geoJson = await getGeoJson(adcode)
+        if (!geoJson) {
+          throw new Error('已经是最后一级了')
+        }
+        // 注册地图
+        echarts.registerMap(name, geoJson)
+        // 设置地图配置项
+        option = {
+          title: {
+            text: name,
+            left: 'center'
+          },
+          series: [
+            {
+              type: 'map',
+              map: name,
+              itemStyle: {
+                areaColor: '#1890ff'
+              },
+              data: geoJson['features'].map((item) => {
+                return {
+                  name: item.properties.name,
+                  value: item.properties.adcode
+                }
+              })
+            }
+          ]
+        }
+      }
+      // 下钻动画
+      const runAnimation = () => {
+        // 地图放大然后消失
+        option['animation'] = true
+        option['series'][0]['itemStyle']['opacity'] = 0
+        chart.setOption(option)
+        setTimeout(() => {
+          option['animation'] = false
+          option['series'][0]['zoom'] = 0.1
+          option['series'][0]['itemStyle']['opacity'] = 1
+          chart.setOption(option)
+        }, 300)
+        setTimeout(() => {
+          option['animation'] = true
+          option['series'][0]['zoom'] = 1
+          chart.setOption(option)
+        }, 600)
+      }
+
+      // 返回上一级
+      const reutrnUp = async () => {
+        if (menus.length > 1) {
+          menus.pop()
+          const { adcode, name } = menus[menus.length - 1]
+          await updateEcharts(adcode, name)
+          runAnimation()
+        } else {
+          menus = [
+            {
+              adcode: 100000,
+              name: '全国'
+            }
+          ]
+          await updateEcharts(100000, '全国')
+          runAnimation()
+          alert('已经是最开始一级了。')
+        }
+      }
+      ;(async () => {
+        await updateEcharts(100000, '全国')
+        // 设置图表配置项
+        chart.setOption(option)
+        // 点击行政区的时候,重新加载这个行政区的数据
+        chart.on('click', async (params) => {
+          const { value, name } = params.data
+          if (value) {
+            try {
+              await updateEcharts(value, name)
+              runAnimation()
+              menus.push({
+                adcode: value,
+                name
+              })
+            } catch (err) {
+              alert(err.message)
+            }
+          }
+        })
+      })()
+    </script>
+  </body>
+</html>
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c3ff205
--- /dev/null
+++ b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..5ada26f
--- /dev/null
+++ b/main.js
@@ -0,0 +1,34 @@
+import App from './App'
+import uviewPlus, { setConfig } from 'uview-plus'
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+app.$mount()
+// #endif
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+export function createApp() {
+  const app = createSSRApp(App)
+ 
+  app.use(uviewPlus, async() => {	  
+  		return {
+  			options: {
+  				// 修改$u.config对象的属性
+  				config: {
+  					// 修改默认单位为rpx，相当于执行 uni.$u.config.unit = 'rpx'
+  					unit: 'rpx'
+  				}
+  			}
+  		}
+  	})
+	
+  return {
+    app
+  }
+}
+// #endif
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..41063a0
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,66 @@
+{
+    "name" : "uniapp",
+    "appid" : "__UNI__34144D0",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    "app-plus" : {
+        /* 5+App特有相关 */
+        "usingComponents" : true,
+        "nvueCompiler" : "uni-app",
+        "nvueStyleCompiler" : "uni-app",
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        "modules" : {
+            "OAuth" : {}
+        },
+        /* 模块配置 */
+        "distribute" : {
+            /* 应用发布信息 */
+            "android" : {
+                /* android打包配置 */
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            "ios" : {},
+            /* ios打包配置 */
+            "sdkConfigs" : {
+                "oauth" : {
+                    "univerify" : {}
+                }
+            }
+        }
+    },
+    /* SDK配置 */
+    "quickapp" : {},
+    /* 快应用特有相关 */
+    "mp-weixin" : {
+        /* 小程序特有相关 */
+        "appid" : "wx061c1f4e16a5f20f",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "vueVersion" : "3"
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..5a9e5f5
--- /dev/null
+++ b/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "uniapp",
+  "version": "1.0.0",
+  "main": "main.js",
+  "scripts": {
+     "dev": "cross-env NODE_ENV=development uniapp-cli build --watch",
+      "test": "cross-env NODE_ENV=test uniapp-cli build",
+      "prod": "cross-env NODE_ENV=production uniapp-cli build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "uview-plus": "^3.4.73"
+  }
+}
diff --git a/pages.json b/pages.json
new file mode 100644
index 0000000..4c982f7
--- /dev/null
+++ b/pages.json
@@ -0,0 +1,158 @@
+{
+	"easycom": {
+		"autoscan": true,
+		// 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
+		"custom": {
+			"^u--(.*)": "@/node_modules/uview-plus/components/u-$1/u-$1.vue",
+			"^up-(.*)": "@/node_modules/uview-plus/components/u-$1/u-$1.vue",
+			"^u-([^-].*)": "@/node_modules/uview-plus/components/u-$1/u-$1.vue"
+
+		}
+	},
+	"pages": [{
+		"path": "pages/index/index",
+		"style": {
+			"navigationBarTitleText": "",
+			 "navigationStyle": "custom",
+			 "app": {
+			       "bounce": "none"
+			  }
+		    }
+	},
+	{
+		"path": "pages/patientClass/patientClass",
+		"style": {
+			 "navigationStyle": "custom",
+			"navigationBarTitleText": "uni-app分页",
+			"app": {
+			      "bounce": "none"
+			 }
+		}
+	},
+	{
+		"path": "pages/live/live",
+		"style": {
+			 "navigationStyle": "custom",
+			"navigationBarTitleText": "uni-app分页",
+			"app": {
+			      "bounce": "none"
+			 }
+		}
+	},
+	{
+		"path": "pages/education/education",
+		"style": {
+			 "navigationStyle": "custom",
+			"navigationBarTitleText": "uni-app分页",
+			"app": {
+			      "bounce": "none"
+			 }
+		}
+	},
+	{
+		"path": "pages/my/my",
+		"style": {
+			 "navigationStyle": "custom",
+			"navigationBarTitleText": "uni-app分页",
+			"app": {
+			      "bounce": "none"
+			 }
+		}
+	}
+	],
+	"subPackages": [{
+		"root": "pages_app",
+		"pages": [
+			{
+				"path": "search/search",
+				"style": {
+					 "navigationStyle": "custom",
+					"navigationBarTitleText": "uni-app分页",
+					"app": {
+					      "bounce": "none"
+					 }
+				}
+			},
+			{
+			"path": "login/login",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "video/video",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "zhinan/zhinan",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "qikan/qikan",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "smsLogin/smsLogin",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		},
+		{
+			"path": "pwdLogin/pwdLogin",
+			"style": {
+				 "navigationStyle": "custom",
+				"navigationBarTitleText": "uni-app分页",
+				"app": {
+				      "bounce": "none"
+				 }
+			}
+		}
+		
+		]
+	}],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8",
+		"app-plus": {
+			"background": "#efeff4"
+		}
+	},
+	"condition" : { //模式配置，仅开发期间生效
+		"current": 0, //当前激活的模式(list 的索引项)
+		"list": [
+			{
+				"name": "", //模式名称
+				"path": "pages_app/login/login", //启动页面，必选
+				"query": "" //启动参数，在页面的onLoad函数里面得到
+			}
+		]
+	}
+}
diff --git a/pages/education/education.vue b/pages/education/education.vue
new file mode 100644
index 0000000..c36f4bf
--- /dev/null
+++ b/pages/education/education.vue
@@ -0,0 +1,287 @@
+<template>
+	<uni-nav-bar title="继续教育" fixed color="#8B2316" height="140rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
+	<view class="page">
+		<!-- 课程列表 -->
+		<view class="course-list">
+			<!-- 肝胆精品课 -->
+			<view class="course-item" @click="goToCourse('hepatoBiliary')">
+				<up-image  :src="course" width="94rpx" height="94rpx" ></up-image>
+				<view class="course-content">
+					<view class="course-title">肝胆精品课</view>
+					<view class="course-subtitle">肝胆精品课，筑梦·医路成长</view>
+				</view>
+				<view class="course-arrow">
+					<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+				</view>
+			</view>
+
+			<!-- 肝胆视频 -->
+			<view class="course-item" @click="goToCourse('hepatoBiliaryVideo')">
+				<up-image  :src="videoImg" width="94rpx" height="94rpx" ></up-image>
+				<view class="course-content">
+					<view class="course-title">肝胆视频</view>
+					<view class="course-subtitle">数千集精彩报告等您来看</view>
+				</view>
+				<view class="course-arrow">
+					<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+				</view>
+			</view>
+
+			<!-- 肝胆课件 -->
+			<view class="course-item" @click="goToCourse('hepatoBiliaryCourseware')">
+				<up-image  :src="pptImg" width="94rpx" height="94rpx" ></up-image>
+				<view class="course-content">
+					<view class="course-title">肝胆课件</view>
+					<view class="course-subtitle">国内专业优质肝胆课件共享平台</view>
+				</view>
+				<view class="course-arrow">
+					<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+				</view>
+			</view>
+
+			<!-- 病例讨论 -->
+			<view class="course-item" @click="goToCourse('caseDiscussion')">
+				<up-image  :src="talkImg" width="94rpx" height="94rpx" ></up-image>
+				<view class="course-content">
+					<view class="course-title">病例讨论</view>
+					<view class="course-subtitle">互帮互助，病例共讨</view>
+				</view>
+				<view class="course-arrow">
+					<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+				</view>
+			</view>
+
+			<!-- 病例荟萃 -->
+			<view class="course-item" @click="goToCourse('caseCollection')">
+				<up-image  :src="huicuiImg" width="94rpx" height="94rpx" ></up-image>
+				<view class="course-content">
+					<view class="course-title">病例荟萃</view>
+					<view class="course-subtitle">一线专家临床总结</view>
+				</view>
+				<view class="course-arrow">
+					<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+				</view>
+			</view>
+
+			<!-- 现代肝病学院 -->
+			<view class="course-item" @click="goToCourse('modernHepatology')">
+				<up-image  :src="xueyuanImg" width="94rpx" height="94rpx" ></up-image>
+				<view class="course-content">
+					<view class="course-title">现代肝病学院</view>
+					<view class="course-subtitle">一期一关注，绝对收获满满</view>
+				</view>
+				<view class="course-arrow">
+					<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+				</view>
+			</view>
+
+			<!-- 新手教程 -->
+			<view class="course-item" @click="goToCourse('tutorial')">
+				<up-image  :src="newerImg" width="94rpx" height="94rpx" ></up-image>
+				<view class="course-content">
+					<view class="course-title">新手教程</view>
+					<view class="course-subtitle">手把手助您用好专家工作室</view>
+				</view>
+				<view class="course-arrow">
+					<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+				</view>
+			</view>
+		</view>
+	</view>
+	<CustomTabbar></CustomTabbar>
+</template>
+
+<script setup>
+	import CustomTabbar from '@/compoents/tabBar/tabBar.vue';
+	import { ref } from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+	import course from "@/static/jingpinkecheng.png"
+	import videoImg from "@/static/gandanshipin.png"
+	import pptImg from "@/static/gandankejian.png"
+	import talkImg from "@/static/bibglijiaoliu.png"
+	import huicuiImg from "@/static/jingdianbingli.png"
+	import xueyuanImg from "@/static/ganbingxueyuan.png"
+	import newerImg from "@/static/xinshoujiaocheng.png"
+	// 方法
+	// 方法
+	const goToCourse = (courseType) => {
+		console.log('进入课程:', courseType);
+		
+		// 根据课程类型进行不同的处理
+		switch(courseType) {
+			case 'hepatoBiliary':
+				uni.showToast({
+					title: '肝胆精品课功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'hepatoBiliaryVideo':
+				uni.showToast({
+					title: '肝胆视频功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'hepatoBiliaryCourseware':
+				uni.showToast({
+					title: '肝胆课件功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'caseDiscussion':
+				uni.showToast({
+					title: '病例讨论功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'caseCollection':
+				uni.showToast({
+					title: '病例荟萃功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'modernHepatology':
+				uni.showToast({
+					title: '现代肝病学院功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'tutorial':
+				uni.showToast({
+					title: '新手教程功能开发中',
+					icon: 'none'
+				});
+				break;
+			default:
+				uni.showToast({
+					title: '功能开发中',
+					icon: 'none'
+				});
+		}
+	};
+	
+	onShow(() => {
+		console.log('继续教育页面显示');
+	});
+</script>
+
+<style lang="scss" scoped>
+// 颜色变量
+$primary-color: #ff6b6b;
+$theme-color: #8B2316;
+$white: #fff;
+$gray-bg: #f5f5f5;
+$gray-light: #eee;
+$gray-medium: #999;
+$gray-dark: #666;
+$text-color: #333;
+
+// 课程图标颜色
+$green-color: #00D4AA;
+$yellow-color: #FFB800;
+$orange-color: #FF8C00;
+$green-chat-color: #52C41A;
+$purple-color: #B37FEB;
+$blue-color: #40A9FF;
+$orange-tutorial-color: #FF7A45;
+
+// 尺寸变量
+$border-radius: 8px;
+$border-radius-small: 6px;
+$padding: 15px;
+$padding-small: 10px;
+
+.page {
+	background-color: $gray-bg;
+	min-height: calc(100vh - 140rpx);
+	
+	padding-bottom: 120rpx;
+}
+
+// 课程列表
+.course-list {
+	padding: 20rpx;
+
+	.course-item {
+		background-color: $white;
+		border-radius: $border-radius;
+		margin-bottom: 20rpx;
+		padding: 30rpx;
+		display: flex;
+		align-items: center;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+
+		.course-icon {
+			width: 100rpx;
+			height: 100rpx;
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-right: 30rpx;
+			
+			&.green {
+				background-color: $green-color;
+			}
+			
+			&.yellow {
+				background-color: $yellow-color;
+			}
+			
+			&.orange {
+				background-color: $orange-color;
+			}
+			
+			&.green-chat {
+				background-color: $green-chat-color;
+			}
+			
+			&.purple {
+				background-color: $purple-color;
+			}
+			
+			&.blue {
+				background-color: $blue-color;
+			}
+			
+			&.orange-tutorial {
+				background-color: $orange-tutorial-color;
+			}
+		}
+
+		.course-content {
+			flex: 1;
+			margin-left: 20rpx;
+			display: flex;
+			flex-direction: column;
+			gap: 8rpx;
+
+			.course-title {
+				font-size: 32rpx;
+				color: $text-color;
+				font-weight: 600;
+				line-height: 1.3;
+			}
+
+			.course-subtitle {
+				font-size: 26rpx;
+				color: $gray-medium;
+				line-height: 1.4;
+			}
+		}
+
+		.course-arrow {
+			width: 40rpx;
+			height: 40rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		
+		// 点击效果
+		&:active {
+			opacity: 0.8;
+			transform: scale(0.98);
+		}
+	}
+}
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
new file mode 100644
index 0000000..d21f897
--- /dev/null
+++ b/pages/index/index.vue
@@ -0,0 +1,1461 @@
+<template>
+	<view class="container">
+		<!-- 头部搜索栏 -->
+		<view class="header" :style="{ backgroundColor: headerBgColor }">
+			<view class="header-content">
+				<view class="header-left">
+					<view class="calendar-icon">
+						<up-image  :src="nosign" width="60rpx" height="60rpx" ></up-image>
+						
+					</view>
+				</view>
+				<view class="search-container" @click="focus">
+					<view class="mask"></view>
+					<uni-search-bar 
+						placeholder="搜索视频、精品课、课件、指南等" 
+						radius="8"
+						cancelButton="none"
+						bgColor="#ffffff"
+						placeholderColor="#999999"
+					></uni-search-bar>
+				</view>
+				<view class="header-right">
+					<view class="message-icon">
+						<uni-icons type="email" size="32" color="#fff"></uni-icons>
+						<view class="red-dot"></view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 轮播图 -->
+		<view class="banner-section">
+			
+			<uni-swiper-dot 
+				:info="bannerList" 
+				:current="current" 
+				field="content"
+				:mode="mode"
+				:dots-styles="dotsStyles"
+			>
+				<swiper class="swiper-box" @change="change" :current="current">
+					<swiper-item v-for="(item, index) in bannerList" :key="index">
+						<view class="banner-item" :style="{ background: item.background }">
+							<view class="banner-content">
+								<view class="banner-text">
+									<text class="banner-title">{{ item.title }}</text>
+									<text class="banner-subtitle">{{ item.subtitle }}</text>
+								</view>
+								<view class="banner-scene">
+									<view class="scene-left">
+										<view class="palm-tree">🌴</view>
+									</view>
+									<view class="scene-center">
+										<view class="beach-umbrella">🏖️</view>
+										<view class="beach-ball">🏐</view>
+									</view>
+									<view class="scene-right">
+										<view class="doctor-desk">👨‍⚕️</view>
+										<view class="bookshelf">📚</view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</swiper-item>
+				</swiper>
+			</uni-swiper-dot>
+		</view>
+
+		
+		<!-- 功能网格 -->
+		<view class="grid-section">
+			<uni-grid :column="4" :highlight="true" @change="onClick">
+				<uni-grid-item v-for="(item, index) in gridList" :key="index">
+					<view class="grid-item">
+						 <up-image  :src="item.icon" width="75rpx" height="75rpx" ></up-image>
+						<text class="grid-text">{{ item.text }}</text>
+					</view>
+				</uni-grid-item>
+			</uni-grid>
+		</view>
+<!-- 消息通知滚动播放 -->
+		<view class="notice-section">
+			<view class="notice-container">
+				<view class="notice-icon">
+					
+				</view>
+				<view class="notice-content">
+					<swiper class="notice-swiper" 
+						:vertical="true" 
+						:autoplay="true" 
+						:interval="3000" 
+						:duration="1000"
+						:circular="true"
+						@change="onNoticeChange"
+					>
+						<swiper-item v-for="(item, index) in noticeList" :key="index">
+							<view class="notice-cell">
+								<view class="timebox">
+									<view class="top">
+										 <up-image  :src="livebg" width="59rpx" height="27rpx" ></up-image>
+										  <up-image  :src="jing_sign" width="28rpx" height="28rpx" ></up-image>
+									</view>
+									<view class="date">
+										8月6日
+									</view>
+								</view>
+								<view class="bar"></view>
+								<view class="notice-text oneline" @click="onNoticeClick(item)">
+									{{ item.content }}
+								</view>
+							</view>
+						</swiper-item>
+					</swiper>
+				</view>
+			</view>
+		</view>
+
+		<!-- 专题E站 -->
+		<view class="special-section">
+			<view class="section-title">
+				<text class="title-text">专题E站</text>
+			</view>
+			<view class="special-content">
+				<view class="special-item" v-for="(item, index) in specialList" :key="index">
+					<view class="special-card" :style="{ background: item.bgColor }">
+						<view class="special-left">
+							<text class="special-title">{{ item.title }}</text>
+							<text class="special-desc">{{ item.desc }}</text>
+						</view>
+						<view class="special-right">
+							<view class="special-icon">{{ item.icon }}</view>
+							<view class="special-arrow">›</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 精品课 -->
+		<view class="course-section">
+			<view class="section-header">
+				<text class="section-title-text">精品课</text>
+				<view class="more-link">
+					<text class="more-text">更多</text>
+					<uni-icons type="right" size="32rpx" color="#999"></uni-icons>
+				</view>
+			</view>
+			<scroll-view class="course-scroll" scroll-x="true">
+				<view class="course-list">
+					<view class="course-item" v-for="(item, index) in courseList" :key="index">
+						<view class="course-card">
+							<up-image  :src="item.avatar" width="464rpx" height="262rpx" ></up-image>
+							<view class="course-content">
+								<view class="course-title twoline">{{ item.title }}</view>
+								<view class="course-subtitle">{{ item.status }}</view>
+								
+							</view>
+							
+						</view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+
+		<!-- 精彩回放 -->
+		<view class="replay-section">
+			<view class="section-header">
+				<text class="section-title-text">精彩回放</text>
+				<view class="more-link">
+					<text class="more-text">更多<uni-icons type="right" size="32rpx" color="#999"></uni-icons></text>
+				</view>
+			</view>
+			<view class="replay-grid">
+				<view class="replay-item" v-for="(item, index) in replayList" :key="index" @click="onReplayClick(item)">
+					<view class="replay-card">
+						
+					  <up-image  :src="item.avatar" width="330rpx" height="186rpx" ></up-image>
+							<!-- <image :src="item.avatar" mode="aspectFill" class="doctor-avatar"></image> -->
+						
+						<view class="replay-content">
+							<text class="replay-text">{{ item.content }}</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 实用指南 -->
+		<view class="guide-section">
+			<!-- 顶部导航标签 -->
+			<view class="bg">
+				 <up-image  :src="bg" width="481rpx" height="112rpx" ></up-image>
+			</view>
+			<view class="guide-tabs">
+				<view class="tab-item" 
+					v-for="(tab, index) in guideTabs" 
+					:key="index"
+					:class="{ active: currentGuideTab === index }"
+					@click="switchGuideTab(index)"
+				>
+					<text class="tab-text">{{ tab.name }}</text>
+					<view class="tab-underline" v-if="currentGuideTab === index"></view>
+				</view>
+				<view class="tab-more" @click="onGuideMore">
+					<text class="more-text">更多</text>
+					<uni-icons type="right" size="32rpx" color="#999"></uni-icons>
+				</view>
+			</view>
+
+			<!-- 内容区域 -->
+			<view class="guide-content">
+				
+
+				<view class="guide-list">
+					<view class="guide-item" v-for="(item, index) in guideList" :key="index" @click="onGuideClick(item)">
+						<view class="guide-info">
+							<text class="guide-item-title twoline">{{ item.title }}</text>
+							
+						</view>
+						<view class="guide-action">
+							<text v-if="item.actionType === 'view'" class="action-view">查看</text>
+							<up-icon name="download" color="#8D2316" size="28" v-else></up-icon>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 自定义Tabbar -->
+		<custom-tabbar 
+			ref="tabbarRef"
+			@tabChange="onTabChange"
+		></custom-tabbar>
+	</view>
+	<up-overlay :show="showSign" >
+		<view class="signwrap">
+			<view class="signbox">
+				<view class="close" @click="showSign=false"></view>
+				<view class="signbg">
+					 <up-image  :src="signImg" width="604rpx" height="964rpx" ></up-image>
+				</view>
+				<view class="signcontent">
+					<view class="day">今天是我们相识的第211天</view>
+					<view class="signtotal">本周共签到2次</view>
+					<view class="signcontinue">已经连续签到2天</view>
+					<view class="tip">连续签到获取更多积分</view>
+					<view class="news" @click="showSign=false">
+						我是新闻内容
+					</view>
+				</view>
+			</view>
+			
+		</view>
+	</up-overlay>
+</template>
+
+<script setup>
+	import { ref, reactive, onMounted, nextTick, computed } from 'vue';
+	import { onShow, onLoad, onPageScroll } from "@dcloudio/uni-app";
+	import CustomTabbar from '@/compoents/tabBar/tabBar.vue';
+	import navTo  from "@/utils/navTo.js";
+    import bg from "@/static/more_bg.png"
+	import patient from "@/static/icon_home_my_patient.png"
+	import video from "@/static/icon_home_video.png"
+	import consult from "@/static/icon_home_my_public.png"
+	import library from "@/static/icon_home_my_library.png"
+	import course from "@/static/jingpingke.png"
+	import more from "@/static/home_more.png"
+	import livebg from "@/static/livebg.png"
+	import jing_sign from "@/static/jing_sign.png"
+	import bo_bg from "@/static/bo_bg.png"
+	import nosign from "@/static/home_no_qiandao_icon.png"
+	import sign from "@/static/home_qiandao_icon.png"
+	import signImg from "@/static/sign_in_bng_big.png"
+	const showSign=ref(false)
+	// 定义refs
+	const tabbarRef = ref(null);
+	
+	// 滚动相关状态
+	const scrollTop = ref(0);
+	const bannerHeight = 400; // 轮播图高度，单位rpx
+	
+	// 获取设备像素比
+	const getPixelRatio = () => {
+		const systemInfo = uni.getSystemInfoSync();
+		return systemInfo.pixelRatio || 1;
+	};
+	const focus=()=>{
+		navTo({
+		 url:'/pages_app/search/search'
+		})
+	}
+	// 计算头部背景色
+	const headerBgColor = computed(() => {
+		// 获取屏幕宽度来计算rpx到px的转换比例
+		const systemInfo = uni.getSystemInfoSync();
+		const screenWidth = systemInfo.screenWidth;
+		const rpxToPx = screenWidth / 750; // 750rpx = 屏幕宽度
+		
+		const maxScroll = bannerHeight * rpxToPx; // 400rpx转换为px
+		const currentScroll = scrollTop.value;
+		const progress = Math.min(currentScroll / maxScroll, 1);
+		
+		// 从透明渐变到绿色 (#8B2316)
+		const alpha = progress;
+		return `rgba(139, 34, 22, ${alpha})`;
+	});
+
+	// 轮播图相关
+	const current = ref(0);
+	const mode = ref('dot');
+	const dotsStyles = reactive({
+		backgroundColor: '#ddd',
+		border: '1px solid #ddd',
+		color: '#fff',
+		selectedBackgroundColor: '#ff0000',
+		selectedBorder: '1px solid #ff0000'
+	});
+
+	// 轮播图数据
+	const bannerList = reactive([{
+		title: '邹建东专家工作室',
+		subtitle: '北京肝胆相照公益基金会',
+		background: 'linear-gradient(135deg, #007aff, #0056b3)'
+	}]);
+
+	// 功能网格数据
+	const gridList = reactive([
+		{
+			icon: patient,
+			text: '我的患者'
+		}, 
+		{
+			icon: video,
+			text: '肝胆视频'
+		}, 
+		{
+			icon: consult,
+			text: '公益咨询'
+		}, 
+		{
+			icon: consult,
+			text: '指南杂志'
+		}, 
+		{
+			icon: '',
+			text: '肝胆新闻'
+		}, 
+		{
+			icon: '',
+			text: '肝胆课件'
+		}, 
+		{
+			icon: course,
+			text: '精品课'
+		},
+		{
+			icon: more,
+			text: '更多'
+		}
+	]);
+
+	// 专题E站数据
+	const specialList = reactive([
+		{
+			title: '肝病医生的临床计算器和决策辅助工具',
+			desc: '肝胆相照®——医学常用工具',
+			icon: '🔧',
+			bgColor: '#1e3a8a'
+		}, 
+		{
+			title: '徐医感染 疑难发热及感染分享',
+			desc: '',
+			icon: '🏥',
+			bgColor: '#10b981'
+		}, 
+		{
+			title: '爱肝微视 全国首档爱肝科普短视频',
+			desc: '免费领取福利',
+			icon: '📱',
+			bgColor: '#1e3a8a'
+		}
+	]);
+
+	// 消息通知数据
+	const noticeList = reactive([
+		{
+			id: 1,
+			content: '欢迎使用肝胆相照医生版，新功能上线啦！',
+			time: '10:30',
+			type: 'system'
+		},
+		{
+			id: 2,
+			content: '您有3个新的患者咨询待回复',
+			time: '09:15',
+			type: 'patient'
+		},
+		{
+			id: 3,
+			content: '今日有2场直播会议即将开始',
+			time: '08:45',
+			type: 'meeting'
+		},
+		{
+			id: 4,
+			content: '新的医学指南已更新，请及时查看',
+			time: '昨天',
+			type: 'guide'
+		}
+	]);
+
+	// 精品课数据
+	const courseList = reactive([
+		{
+			title: '王晓光医生发起了新的病例讨论，邀请您参与',
+			status:'已完结'
+		},
+		{
+			title: '王晓光医生发起了新的病例讨论，邀请您参与',
+			status:'已完结'
+		},
+		{
+			title: '王晓光医生发起了新的病例讨论，邀请您参与',
+			status:'已完结'
+		},
+	]);
+
+	// 精彩回放数据
+	const replayList = reactive([
+		{
+			id: 1,
+			avatar: '/static/c1.png',
+			content: 'Xxx医生发起了新的病例讨论,邀请您参与',
+			type: 'case_discussion'
+		},
+		{
+			id: 2,
+			avatar: '/static/c2.png',
+			content: 'Xxx医生发起了新的',
+			type: 'new_topic'
+		},
+		{
+			id: 3,
+			avatar: '/static/c3.png',
+			content: 'Xxx医生发起了新的病例讨论,邀请与......',
+			type: 'case_discussion'
+		},
+		{
+			id: 4,
+			avatar: '/static/c4.png',
+			content: 'Xxx医生发起了新的病例讨论,邀请您参与',
+			type: 'case_discussion'
+		}
+	]);
+
+	// 实用指南标签页
+	const guideTabs = reactive([
+		{ name: '实用指南', type: 'guide' },
+		{ name: '课件分享', type: 'courseware' }
+	]);
+
+	// 当前选中的标签页
+	const currentGuideTab = ref(0);
+
+	// 实用指南数据
+	const guideList = reactive([
+		{
+			id: 1,
+			title: '一学就会的keynote教程番外篇】keynote 线下',
+			description: '实训你们要的带练来了',
+			actionType: 'view',
+			type: 'guide'
+		},
+		{
+			id: 2,
+			title: '胆源性肝脏疾病——专题研讨会成功举行',
+			description: '',
+			actionType: 'view',
+			type: 'guide'
+		},
+		{
+			id: 3,
+			title: '肝病学新领域:肝硬化合并慢性肾脏病|深度综',
+			description: '述大的并慢性肾脏病|深度综述并慢并慢性.......',
+			actionType: 'download',
+			type: 'guide'
+		},
+		{
+			id: 4,
+			title: '【一学就会的keynote教程番外篇】keynote 线',
+			description: '下实训你们要的带练来了',
+			actionType: 'download',
+			type: 'guide'
+		},
+		{
+			id: 5,
+			title: '段钟平教授:终末期肝病营养治疗的价值及研',
+			description: '究进展',
+			actionType: 'download',
+			type: 'guide'
+		}
+	]);
+
+	// 轮播图切换事件
+	const change = (e) => {
+		current.value = e.detail.current;
+	};
+
+	// 消息通知切换事件
+	const onNoticeChange = (e) => {
+		console.log('消息通知切换:', e.detail.current);
+	};
+
+	// 消息通知点击事件
+	const onNoticeClick = (item) => {
+		console.log('点击消息通知:', item);
+		uni.showToast({
+			title: `查看${item.content}`,
+			icon: 'none'
+		});
+		
+		// 根据消息类型跳转到不同页面
+		switch(item.type) {
+			case 'patient':
+				uni.navigateTo({
+					url: '/pages/patient/consultation'
+				});
+				break;
+			case 'meeting':
+				uni.navigateTo({
+					url: '/pages/meeting/live'
+				});
+				break;
+			case 'guide':
+				uni.navigateTo({
+					url: '/pages/guide/list'
+				});
+				break;
+			default:
+				uni.navigateTo({
+					url: '/pages/notice/detail?id=' + item.id
+				});
+		}
+	};
+
+	// 查看更多消息
+	const onNoticeMore = () => {
+		console.log('查看更多消息');
+		uni.navigateTo({
+			url: '/pages/notice/list'
+		});
+	};
+
+	// 精彩回放点击事件
+	const onReplayClick = (item) => {
+		console.log('点击精彩回放:', item);
+		uni.showToast({
+			title: `查看${item.content}`,
+			icon: 'none'
+		});
+		
+		// 根据类型跳转到不同页面
+		switch(item.type) {
+			case 'case_discussion':
+				uni.navigateTo({
+					url: '/pages/discussion/detail?id=' + item.id
+				});
+				break;
+			case 'new_topic':
+				uni.navigateTo({
+					url: '/pages/topic/detail?id=' + item.id
+				});
+				break;
+			default:
+				uni.navigateTo({
+					url: '/pages/replay/detail?id=' + item.id
+				});
+		}
+	};
+
+	// 网格点击事件
+	const onClick = (e) => {
+		console.log('点击了第' + e.detail.index + '个');
+		uni.showToast({
+			title: `点击了${gridList[e.detail.index].text}`,
+			icon: 'none'
+		});
+	};
+
+	// Tab切换事件
+	const onTabChange = (data) => {
+		console.log('Tab切换:', data);
+		uni.showToast({
+			title: `切换到${data.item.text}`,
+			icon: 'none'
+		});
+	};
+
+	// 切换实用指南标签页
+	const switchGuideTab = (index) => {
+		currentGuideTab.value = index;
+	};
+
+	// 查看更多实用指南
+	const onGuideMore = () => {
+		console.log('查看更多实用指南');
+		uni.navigateTo({
+			url: '/pages/guide/list'
+		});
+	};
+
+	// 实用指南点击事件
+	const onGuideClick = (item) => {
+		console.log('点击实用指南:', item);
+		uni.showToast({
+			title: `查看${item.title}`,
+			icon: 'none'
+		});
+		// 根据类型跳转到不同页面
+		if (item.type === 'guide') {
+			uni.navigateTo({
+				url: '/pages/guide/detail?id=' + item.id
+			});
+		} else if (item.type === 'courseware') {
+			uni.navigateTo({
+				url: '/pages/courseware/list'
+			});
+		}
+	};
+
+	// 测试tabbar功能的方法
+	const testTabbar = () => {
+		nextTick(() => {
+			if (tabbarRef.value) {
+				// 设置徽章数量
+				tabbarRef.value.setBadge(1, 10);
+				
+				// 显示红点
+				tabbarRef.value.showRedDot(2);
+				
+				// 3秒后隐藏红点
+				setTimeout(() => {
+					tabbarRef.value.hideRedDot(2);
+				}, 3000);
+			}
+		});
+	};
+
+	// 获取tabbar状态
+	const getTabbarStatus = () => {
+		if (tabbarRef.value) {
+			const currentTab = tabbarRef.value.getCurrentTab();
+			console.log('当前tab状态:', currentTab);
+		}
+	};
+
+	// 更新tabbar数据
+	const updateTabbarData = () => {
+		if (tabbarRef.value) {
+			const newTabList = [
+				{
+					icon: 'home',
+					activeIcon: 'home-filled',
+					text: '首页',
+					color: '#999999',
+					activeColor: '#007aff',
+					badge: 0,
+					showRedDot: false,
+					pagePath: '/pages/index/index'
+				},
+				{
+					icon: 'mic',
+					activeIcon: 'mic-filled',
+					text: '患教学堂',
+					color: '#999999',
+					activeColor: '#007aff',
+					badge: 15,
+					showRedDot: true,
+					pagePath: '/pages/education/education'
+				}
+			];
+			tabbarRef.value.updateTabList(newTabList);
+		}
+	};
+
+	// 页面滚动监听
+	onPageScroll((e) => {
+		scrollTop.value = e.scrollTop;
+		// 调试信息
+		if (scrollTop.value % 50 === 0) { // 每滚动50px打印一次
+			console.log('滚动位置:', scrollTop.value, '背景色:', headerBgColor.value);
+		}
+	});
+
+	// 页面加载
+	onLoad(() => {
+		console.log('首页加载完成');
+	});
+
+	// 页面显示
+	onShow(() => {
+		console.log('首页显示');
+	});
+
+	// 组件挂载后
+	onMounted(() => {
+		console.log('首页组件已挂载');
+		// 页面加载完成后测试tabbar功能
+		testTabbar();
+		
+		// 5秒后获取tabbar状态
+		setTimeout(() => {
+			getTabbarStatus();
+		}, 5000);
+	});
+
+	// 暴露方法给父组件（如果需要）
+	defineExpose({
+		testTabbar,
+		getTabbarStatus,
+		updateTabbarData
+	});
+</script>
+
+<style>
+	.signwrap{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height:100%;
+	}
+	.signbox{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		position: relative;
+		z-index:0;
+	}
+	.signbox .close{
+		position:absolute;
+		right:0;
+		height:60rpx;
+		width:60rpx;
+		opacity: 0;
+		background:#fff;
+		z-index:2;
+		border-radius: 50%;;
+	}
+	.signcontent{
+		width:100%;
+		top:0;
+		position: absolute;
+		z-index:1;
+	}
+	.signcontent .day{
+		margin-top: 384rpx;
+		text-align: center;
+	}
+	.signtotal{
+		margin-top: 30rpx;
+		text-align: center;
+		font-size: 30rpx;
+	}
+	.signcontinue{
+		font-size: 30rpx;
+		text-align: center;
+	}
+	
+	.signcontent .tip{
+		margin-top: 40rpx;
+		color:red;
+		font-size: 28rpx;
+		text-align: center;
+	}
+	.signcontent .news{
+		margin: 196rpx 60rpx 0;
+		height: 116rpx;
+		font-size: 30rpx;
+	}
+	.signbg{
+		width:604rpx;
+		height:964rpx;
+	}
+	.container {
+		background-color: #f5f5f5;
+		min-height: 100vh;
+		padding-bottom: 120rpx; /* 为tabbar留出空间 */
+	}
+
+	/* 状态栏 */
+	.status-bar {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 10rpx 30rpx;
+		background-color: #ffffff;
+		font-size: 24rpx;
+		color: #333;
+	}
+
+	.status-center {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+	}
+
+	/* 头部搜索栏 */
+	.header {
+		top:0rpx;
+		position: fixed;
+		left:0rpx;
+		right:0rpx;
+		height: 210rpx;
+		z-index: 99;
+		transition: background-color 0.3s ease;
+	}
+
+	.header-content {
+		padding: 0 20rpx;
+		display: flex;
+		align-items: center;
+		margin-top: 80rpx;
+		
+	}
+
+	.header-left, .header-right {
+		position: relative;
+	}
+
+	.calendar-icon, .message-icon {
+		position: relative;
+	}
+
+	.red-dot {
+		position: absolute;
+		top: -4rpx;
+		right: -4rpx;
+		width: 16rpx;
+		height: 16rpx;
+		background-color: #ff0000;
+		border-radius: 50%;
+	}
+
+	.search-container {
+		flex: 1;
+		position: relative;
+		
+	}
+   .search-container .mask{
+	   position: absolute;
+	   width:100%;
+	   height:100%;
+	   z-index:1;
+   }
+	/* 轮播图 */
+	.banner-section {
+		position: relative;
+		
+	}
+
+	/* 消息通知 */
+	.notice-section {
+		margin: 20rpx 0rpx;
+		background: url('@/static/lunbo_bg.png') no-repeat 0 0;
+		
+		background-size: cover;
+		
+		overflow: hidden;
+	}
+
+	.notice-container {
+		display: flex;
+		align-items: center;
+		padding: 0rpx 30rpx;
+	}
+
+	.notice-icon {
+		margin-right: 20rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.notice-content {
+		flex: 1;
+		height: 94rpx;
+		overflow: hidden;
+	}
+
+	.notice-swiper {
+		height: 100%;
+	}
+
+	.notice-item {
+		height: 94rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	
+		cursor: pointer;
+	}
+
+	.notice-text {
+		flex: 1;
+		font-size: 26rpx;
+		color: #333;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		margin-right: 20rpx;
+	}
+
+	.notice-time {
+		font-size: 22rpx;
+		color: #999;
+		flex-shrink: 0;
+	}
+
+	.notice-more {
+		margin-left: 20rpx;
+		display: flex;
+		align-items: center;
+		padding: 10rpx;
+	}
+
+	.swiper-box {
+		height: 400rpx;
+	}
+
+	.banner-item {
+		height: 100%;
+		overflow: hidden;
+		position: relative;
+	}
+
+	.banner-content {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		padding: 40rpx;
+		color: white;
+	}
+
+	.banner-text {
+		z-index: 2;
+	}
+
+	.banner-title {
+		display: block;
+		font-size: 36rpx;
+		font-weight: bold;
+		margin-bottom: 10rpx;
+	}
+
+	.banner-subtitle {
+		display: block;
+		font-size: 28rpx;
+		opacity: 0.9;
+	}
+
+	.banner-scene {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-end;
+		font-size: 48rpx;
+	}
+
+	/* 功能网格 */
+	.grid-section {
+		padding: 30rpx;
+		background-color: #fff;
+		overflow: hidden;
+	}
+
+	.grid-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 40rpx 20rpx;
+	}
+
+	.grid-icon {
+		font-size: 64rpx;
+		margin-bottom: 16rpx;
+	}
+
+	.grid-text {
+		font-size: 24rpx;
+		color: #333;
+		text-align: center;
+	}
+
+	/* 专题E站 */
+	.special-section {
+		margin: 30rpx;
+	}
+
+	.section-title {
+		margin-bottom: 30rpx;
+	}
+
+	.title-text {
+		font-size: 36rpx;
+		font-weight: bold;
+		color: #333;
+	}
+
+	.special-content {
+		display: flex;
+		flex-direction: column;
+		gap: 20rpx;
+	}
+
+	.special-card {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 30rpx;
+		border-radius: 16rpx;
+		color: white;
+	}
+
+	.special-left {
+		flex: 1;
+	}
+
+	.special-title {
+		display: block;
+		font-size: 28rpx;
+		font-weight: bold;
+		margin-bottom: 10rpx;
+	}
+
+	.special-desc {
+		display: block;
+		font-size: 24rpx;
+		opacity: 0.9;
+	}
+
+	.special-right {
+		display: flex;
+		align-items: center;
+		gap: 20rpx;
+	}
+
+	.special-icon {
+		font-size: 40rpx;
+	}
+
+	.special-arrow {
+		font-size: 36rpx;
+		font-weight: bold;
+	}
+
+	/* 精品课 */
+	.course-section {
+		
+		background-color: #fff;
+		padding-bottom: 40rpx;
+	}
+
+	.section-header {
+		padding: 35rpx 30rpx 0;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 30rpx;
+	}
+
+	.section-title-text {
+		font-weight: bold;
+		font-size: 34rpx;
+		color: #000000;
+	}
+
+	.more-link {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+	}
+
+	.more-text {
+		font-size: 30rpx;
+		color: #999;
+	}
+
+	.course-scroll {
+		white-space: nowrap;
+		margin-left: 30rpx;
+		margin-right: 30rpx;
+	}
+
+	.course-list {
+		display: flex;
+		gap: 30rpx;
+		width:auto;
+	}
+
+	.course-item {
+		flex:1;
+		 background-color: #f4f4f4;
+		width: 464rpx;
+		margin-right: 30rpx;
+		box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.1);
+		border-radius: 24rpx;
+		overflow: hidden;
+	}
+  
+	.course-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		margin-bottom: 20rpx;
+	}
+
+	.course-icon {
+		font-size: 48rpx;
+	}
+
+	.course-ribbon {
+		background-color: #007aff;
+		color: white;
+		padding: 4rpx 16rpx;
+		border-radius: 8rpx;
+		font-size: 20rpx;
+	}
+
+	.course-content {
+		margin-bottom: 30rpx;
+	}
+
+	.course-title {
+		white-space: normal;
+		font-size: 30rpx;
+		color: #333333;
+		margin: 20rpx;
+	}
+
+	.course-subtitle {
+		display: block;
+		font-size: 24rpx;
+		color: #8B2316;
+		margin: 20rpx;
+		text-align: right;
+		padding-bottom: 25rpx;
+		
+	}
+
+	.course-teacher {
+		display: block;
+		font-size: 24rpx;
+		color: #666;
+		line-height: 1.4;
+	}
+
+	.course-footer {
+		display: flex;
+		justify-content: flex-start;
+	}
+
+	.course-tags {
+		display: flex;
+		gap: 10rpx;
+	}
+
+	.tag {
+		font-size: 32rpx;
+	}
+
+	/* 精彩回放 */
+	.replay-section {
+		margin: 30rpx;
+	}
+
+	.replay-grid {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 20rpx;
+	}
+
+	.replay-item {
+		cursor: pointer;
+		height:305rpx;
+	}   
+
+	.replay-card {
+		background-color: white;
+		border-radius: 16rpx;
+		overflow: hidden;
+		box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
+		transition: transform 0.2s ease;
+	}
+
+	.replay-card:active {
+		transform: scale(0.98);
+	}
+
+	.replay-image {
+		width: 100%;
+		height: 200rpx;
+		overflow: hidden;
+	}
+
+	.doctor-avatar {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+	}
+
+	.replay-content {
+		padding: 20rpx;
+	}
+
+	.replay-text {
+		font-size: 26rpx;
+		height: 72rpx;
+		color: #333;
+		line-height: 1.4;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	/* 实用指南 */
+	.guide-section {
+		background: white;
+		position: relative;
+		overflow: hidden;
+	}
+   .guide-section .bg{
+	   position: absolute;
+	   right:0;
+	   top:5rpx;
+	   z-index:0;
+   }
+	.guide-tabs {
+		position: relative;
+		z-index:1;
+		display: flex;
+		justify-content: space-between;
+		padding: 35rpx 30rpx;
+	}
+
+	.tab-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 0 20rpx;
+		cursor: pointer;
+	}
+.guide-tabs .tab-item:nth-child(2){
+	margin-left: -170rpx;
+}
+	.tab-text {
+		font-size: 28rpx;
+		color: #666666;
+	}
+
+	.tab-item.active .tab-text {
+		color: #000;
+		font-size: 34rpx;
+		font-weight: bold;
+	}
+
+	.tab-underline {
+		width: 64rpx;
+		height: 4rpx;
+		background-color: #8B2316;
+		border-radius: 2rpx;
+		margin-top: 4rpx;
+	}
+
+	.tab-more {
+		display: flex;
+		align-items: center;
+		
+		/* padding: 10rpx 20rpx; */
+		color: #999;
+		font-size: 28rpx;
+	}
+
+	.guide-content {
+		padding: 20rpx 30rpx;
+	}
+
+	.guide-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 20rpx;
+	}
+
+	.guide-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #333;
+	}
+
+	.guide-more {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+		color: #999;
+		font-size: 28rpx;
+	}
+
+	.guide-list {
+		display: flex;
+		flex-direction: column;
+		gap: 20rpx;
+	}
+
+	.guide-item {
+		display: flex;
+		background: #F4F4F4;
+		border-radius: 10rpx;
+		justify-content: space-between;
+		align-items: center;
+		padding: 20rpx;
+		
+		cursor: pointer;
+	}
+
+	.guide-item:last-child {
+		border-bottom: none;
+	}
+
+	.guide-item:active {
+		background-color: #f5f5f5;
+	}
+
+	.guide-info {
+		flex: 1;
+		margin-right: 20rpx;
+	}
+
+	.guide-item-title {
+		font-size: 28rpx;
+		color: #333333;
+		
+	}
+
+	.guide-item-desc {
+		font-size: 24rpx;
+		color: #666;
+		line-height: 1.4;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.guide-action {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+		color: #007aff;
+		font-size: 28rpx;
+		flex-shrink: 0;
+	}
+
+	.action-view {
+		font-size: 24rpx;
+		color: #8D2316;
+		
+	}
+
+	/* 响应式调整 */
+	@media (max-width: 750rpx) {
+		.course-item {
+			width: 500rpx;
+		}
+		
+		.grid-item {
+			padding: 30rpx 10rpx;
+		}
+		
+		.grid-icon {
+			font-size: 56rpx;
+		}
+
+		.replay-grid {
+			grid-template-columns: 1fr;
+			gap: 15rpx;
+		}
+
+		.replay-image {
+			height: 180rpx;
+		}
+
+		.replay-text {
+			font-size: 24rpx;
+		}
+
+		.guide-tabs {
+			padding: 15rpx 0;
+		}
+
+		.tab-text {
+			font-size: 26rpx;
+		}
+
+		.guide-content {
+			padding: 15rpx 20rpx;
+		}
+
+		.guide-item-title {
+			font-size: 28rpx;
+			color:#333;
+		}
+
+		.guide-item-desc {
+			font-size: 22rpx;
+		}
+
+		.action-view {
+			font-size: 26rpx;
+		}
+	}
+	:deep(.uni-grid-item__box){
+		border: none !important;
+	}
+	:deep(.uni-grid){
+		border: none !important;
+	}
+	.notice-cell{
+		display: flex;
+		height:94rpx;
+		align-items: center;
+	}
+	.timebox{
+		margin-top: -5rpx;
+	}
+	.timebox .top{
+		display: flex;
+	}
+	.timebox .date{
+	
+		width: 129rpx;
+		height: 31rpx;
+		font-size: 24rpx;
+		color:#fff;
+		text-align: center;
+		background-size:cover;
+		background: url('@/static/bo_bg.png') no-repeat  0 0;
+	}
+	.bar{
+		width: 2rpx;
+		height: 58rpx;
+		margin:0 14rpx;
+		background: #C5C5C5;
+		border-radius: 1rpx;
+	}
+	:deep(.uni-searchbar__box ){
+		height: 60rpx!important;
+	}
+</style>
diff --git a/pages/live/live.vue b/pages/live/live.vue
new file mode 100644
index 0000000..1a2595f
--- /dev/null
+++ b/pages/live/live.vue
@@ -0,0 +1,807 @@
+<template>
+	<uni-nav-bar title="肝胆会议" fixed color="#8B2316" height="140rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
+	<view class="page">
+		<!-- 筛选标签栏 -->
+		<view class="filter-bar">
+			<view class="filter-item active" @click="showTimePopup">
+				<text>会议时间</text>
+				<up-image  :src="select" width="26rpx" height="26rpx" ></up-image>
+			</view>
+			<view class="filter-divider"></view>
+			<view class="filter-item" @click="showLocationPopup">
+				<text>会议地点</text>
+				<up-image  :src="select" width="26rpx" height="26rpx" ></up-image>
+			</view>
+			<view class="filter-divider"></view>
+			<view class="filter-item">
+				<text>会议回放</text>
+			</view>
+		</view>
+		
+		<!-- 可滚动内容区域 -->
+		<scroll-view 
+			ref="scrollView"
+			class="scroll-content"
+			scroll-y="true"
+			refresher-enabled="true"
+			:refresher-triggered="isRefreshing"
+			:refresher-threshold="100"
+			@refresherrefresh="onRefresh"
+			@scrolltolower="onLoadMore"
+			:lower-threshold="100"
+			:scroll-top="scrollTop"
+			:enable-back-to-top="true"
+		>
+			<!-- 时间标题 -->
+			<view class="time-header">2025年08月</view>
+			
+			<!-- 会议列表 -->
+			<view class="meeting-list">
+				<view class="meeting-item" v-for="(item, index) in meetingList" :key="index">
+					<!-- 左侧日期标识 -->
+					<view class="date-tag" :style="{backgroundColor: item.tagColor}">
+						<text class="date-text">{{ item.date }}</text>
+					</view>
+					
+					<!-- 会议内容 -->
+					<view class="meeting-content">
+						<view class="meeting-title">{{ item.title }}</view>
+						<view class="meeting-poster" @click="playVideo(item)">
+							<image :src="item.poster" class="poster-image"></image>
+							<view class="play-btn">
+								<up-image  :src="playImg" width="108rpx" height="108rpx" ></up-image>
+							</view>
+							<view class="preview-tag">预告</view>
+						</view>
+						<view class="meeting-info">
+							<view class="info-item">
+								<view class="timebox">
+									<up-image  :src="timeImg" width="24rpx" height="24rpx" ></up-image>
+								</view>
+								<text class="info-text">{{ item.time }}</text>
+							</view>
+							<view class="info-item">
+								<uni-icons type="location" size="14" color="#999"></uni-icons>
+								<text class="info-text">{{ item.location }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			
+			<!-- 加载更多提示 -->
+			<view class="load-more" v-if="showLoadMore">
+				<view class="load-more-content" v-if="isLoadingMore">
+					<uni-icons type="spinner-cycle" size="20" color="#999"></uni-icons>
+					<text class="load-more-text">加载中...</text>
+				</view>
+				<view class="load-more-content" v-else-if="hasMoreData">
+					<text class="load-more-text">上拉加载更多</text>
+				</view>
+				<view class="load-more-content" v-else>
+					<text class="load-more-text">没有更多数据了</text>
+				</view>
+			</view>
+		</scroll-view>
+		
+		<!-- 时间选择弹窗 -->
+		<view class="time-popup" v-if="isTimePopupShow" @click="hideTimePopup">
+			<view class="popup-mask"></view>
+			<view class="time-popup-content" @click.stop>
+				<view class="time-list">
+					<view 
+						class="time-item" 
+						v-for="(month, index) in monthList" 
+						:key="index"
+						:class="{ active: selectedMonth === month.value }"
+						@click="selectMonth(month)"
+					>
+						<text>{{ month.label }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 地区选择弹窗 -->
+		<view class="location-popup" v-if="isLocationPopupShow" @click="hideLocationPopup">
+			<view class="popup-mask"></view>
+			<view class="popup-content" @click.stop>
+				
+				<view class="location-grid">
+					<view 
+						class="location-item" 
+						v-for="(province, index) in provinceList" 
+						:key="index"
+						:class="{ active: selectedProvince === province.code }"
+						@click="selectProvince(province)"
+					>
+						<text>{{ province.name }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 过往会议提示 -->
+		<view class="history-tip">
+			<view class="tip-icon">
+				<up-icon name="clock" color="#00cbc0" size="28"></up-icon>
+			</view>
+			<text class="tip-text">过往会议</text>
+		</view>
+		
+		<!-- 底部导航栏 -->
+		<CustomTabbar></CustomTabbar>
+	</view>
+</template>
+
+<script setup>
+	import { ref,nextTick} from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+	import CustomTabbar from '@/compoents/tabBar/tabBar.vue';
+	import select from "@/static/triangle_normal.png"
+	import selectOn from "@/static/triangle_normal.png"
+	import playImg from "@/static/bofang.png"
+	import timeImg from "@/static/play_long.png"
+	// 弹窗状态
+	const isTimePopupShow = ref(false);
+	const isLocationPopupShow = ref(false);
+	const selectedMonth = ref('all');
+	const selectedProvince = ref('');
+	
+	// 下拉刷新和上拉加载状态
+	const isRefreshing = ref(false);
+	const isLoadingMore = ref(false);
+	const hasMoreData = ref(true);
+	const showLoadMore = ref(true);
+	const currentPage = ref(1);
+	const pageSize = ref(10);
+	const scrollTop = ref(0);
+	
+	// 月份数据
+	const monthList = ref([
+		{ value: 'all', label: '所有' },
+		{ value: '8', label: '8月' },
+		{ value: '9', label: '9月' },
+		{ value: '10', label: '10月' },
+		{ value: '11', label: '11月' },
+		{ value: '12', label: '12月' },
+		{ value: '1', label: '1月' },
+		{ value: '2', label: '2月' },
+		{ value: '3', label: '3月' },
+		{ value: '4', label: '4月' },
+		{ value: '5', label: '5月' },
+		{ value: '6', label: '6月' },
+		{ value: '7', label: '7月' }
+	]);
+	
+	// 省份数据
+	const provinceList = ref([
+		{ code: 'all', name: '全国' },
+		{ code: 'beijing', name: '北京市' },
+		{ code: 'tianjin', name: '天津市' },
+		{ code: 'hebei', name: '河北省' },
+		{ code: 'shanxi', name: '山西省' },
+		{ code: 'neimenggu', name: '内蒙古...' },
+		{ code: 'liaoning', name: '辽宁省' },
+		{ code: 'jilin', name: '吉林省' },
+		{ code: 'heilongjiang', name: '黑龙江省' },
+		{ code: 'shanghai', name: '上海市' },
+		{ code: 'jiangsu', name: '江苏省' },
+		{ code: 'zhejiang', name: '浙江省' },
+		{ code: 'anhui', name: '安徽省' },
+		{ code: 'fujian', name: '福建省' },
+		{ code: 'jiangxi', name: '江西省' },
+		{ code: 'shandong', name: '山东省' },
+		{ code: 'henan', name: '河南省' },
+		{ code: 'hubei', name: '湖北省' },
+		{ code: 'hunan', name: '湖南省' },
+		{ code: 'guangdong', name: '广东省' },
+		{ code: 'guangxi', name: '广西壮...' },
+		{ code: 'hainan', name: '海南省' },
+		{ code: 'chongqing', name: '重庆市' },
+		{ code: 'sichuan', name: '四川省' },
+		{ code: 'guizhou', name: '贵州省' },
+		{ code: 'yunnan', name: '云南省' },
+		{ code: 'xizang', name: '西藏自...' },
+		{ code: 'shaanxi', name: '陕西省' },
+		{ code: 'gansu', name: '甘肃省' },
+		{ code: 'qinghai', name: '青海省' },
+		{ code: 'ningxia', name: '宁夏回...' },
+		{ code: 'xinjiang', name: '新疆维...' },
+		{ code: 'taiwan', name: '台湾省' },
+		{ code: 'hongkong', name: '香港特...' },
+		{ code: 'macao', name: '澳门特...' }
+	]);
+
+	// 会议列表数据
+	const meetingList = ref([
+		{
+			date: '13',
+			tagColor: '#FF4444',
+			title: '"天山论·见"—疑难危重病患维训练营',
+			poster: '/static/meeting-poster-1.jpg',
+			time: '2025.08.13',
+			location: '线上'
+		},
+		{
+			date: '13',
+			tagColor: '#FFA500',
+			title: '护肝新声大咖谈',
+			poster: '/static/meeting-poster-2.jpg',
+			time: '2025.08.13',
+			location: '线上'
+		},
+		{
+			date: '15',
+			tagColor: '#00BCD4',
+			title: '小罐医生讲HIV和感染｜专题二:抗菌药物-抗真菌药物特性解读',
+			poster: '/static/meeting-poster-3.jpg',
+			time: '2025.08.15',
+			location: '线上'
+		}
+	]);
+	
+	// 显示时间选择弹窗
+	const showTimePopup = () => {
+		isTimePopupShow.value = !isTimePopupShow.value;
+	};
+	
+	// 隐藏时间选择弹窗
+	const hideTimePopup = () => {
+		isTimePopupShow.value = false;
+	};
+	
+	// 选择月份
+	const selectMonth = (month) => {
+		selectedMonth.value = month.value;
+		console.log('选择月份:', month.label);
+		// 这里可以根据选择的月份筛选会议数据
+		hideTimePopup();
+	};
+	
+	// 显示地区选择弹窗
+	const showLocationPopup = () => {
+		isLocationPopupShow.value = !isLocationPopupShow.value;
+	};
+	
+	// 隐藏地区选择弹窗
+	const hideLocationPopup = () => {
+		isLocationPopupShow.value = false;
+	};
+	
+	// 选择省份
+	const selectProvince = (province) => {
+		selectedProvince.value = province.code;
+		console.log('选择省份:', province.name);
+		// 这里可以根据选择的省份筛选会议数据
+		hideLocationPopup();
+	};
+	
+	// 播放视频
+	const playVideo = (item) => {
+		console.log('播放视频:', item.title);
+		// 这里可以实现视频播放逻辑
+	};
+	
+	// 下拉刷新
+	const onRefresh = () => {
+		isRefreshing.value = true;
+		currentPage.value = 1;
+		hasMoreData.value = true;
+		
+		// 模拟网络请求
+		setTimeout(() => {
+			// 重置会议列表为初始数据
+			meetingList.value = [
+				{
+					date: '13',
+					tagColor: '#FF4444',
+					title: '"天山论·见"—疑难危重病患维训练营',
+					poster: '/static/meeting-poster-1.jpg',
+					time: '2025.08.13',
+					location: '线上'
+				},
+				{
+					date: '13',
+					tagColor: '#FFA500',
+					title: '护肝新声大咖谈',
+					poster: '/static/meeting-poster-2.jpg',
+					time: '2025.08.13',
+					location: '线上'
+				},
+				{
+					date: '15',
+					tagColor: '#00BCD4',
+					title: '小罐医生讲HIV和感染｜专题二:抗菌药物-抗真菌药物特性解读',
+					poster: '/static/meeting-poster-3.jpg',
+					time: '2025.08.15',
+					location: '线上'
+				}
+			];
+			isRefreshing.value = false;
+			uni.showToast({
+				title: '刷新成功',
+				icon: 'success',
+				duration: 1500
+			});
+		}, 1500);
+	};
+	
+	// 上拉加载更多
+	const onLoadMore = () => {
+		console.log('上拉加载');
+		if (isLoadingMore.value || !hasMoreData.value) return;
+		
+		isLoadingMore.value = true;
+		currentPage.value++;
+		
+		// 模拟网络请求
+		setTimeout(() => {
+			// 模拟新增数据
+			const newMeetings = [
+				{
+					date: '16',
+					tagColor: '#9C27B0',
+					title: '肝胆外科微创技术研讨会',
+					poster: '/static/meeting-poster-4.jpg',
+					time: '2025.08.16',
+					location: '北京'
+				},
+				{
+					date: '17',
+					tagColor: '#FF9800',
+					title: '胆囊疾病诊疗新进展',
+					poster: '/static/meeting-poster-5.jpg',
+					time: '2025.08.17',
+					location: '上海'
+				},
+				{
+					date: '18',
+					tagColor: '#4CAF50',
+					title: '肝移植术后管理专题讲座',
+					poster: '/static/meeting-poster-6.jpg',
+					time: '2025.08.18',
+					location: '广州'
+				}
+			];
+			
+			meetingList.value.push(...newMeetings);
+			
+			// 模拟没有更多数据的情况（第3页后）
+			if (currentPage.value >= 3) {
+				hasMoreData.value = false;
+			}
+			
+			isLoadingMore.value = false;
+			
+			// 强制更新页面，确保scroll-view可以正常滚动
+			nextTick(() => {
+				console.log('数据加载完成，列表长度:', meetingList.value.length);
+			});
+		}, 1000);
+	};
+</script>
+
+<style lang="scss" scoped>
+// 颜色变量
+$primary-color: #D32F2F;
+$secondary-color: #8B2316;
+$background-color: #f5f5f5;
+$white: #ffffff;
+$gray-light: #f0f0f0;
+$gray: #666;
+$gray-dark: #333;
+$gray-text: #999;
+$border-color: #e0e0e0;
+$green-accent: #00D4AA;
+$shadow: 0 2px 8px rgba(0,0,0,0.1);
+
+.page {
+	background-color: $background-color;
+	min-height: 100vh;
+	padding-bottom: 120rpx;
+	
+}
+
+// 可滚动内容区域
+.scroll-content {
+	position: fixed;
+	top: 228rpx; // 导航栏140rpx + 筛选栏88rpx
+	left: 0;
+	right: 0;
+	bottom: 120rpx; // 底部导航栏高度
+	width: 100%;
+}
+
+// 筛选标签栏
+.filter-bar {
+	position:fixed ;
+	top:140rpx;
+	width:100%;
+	z-index:2;
+	background-color: $white;
+	height: 88rpx;
+	display: flex;
+	align-items: center;
+	padding: 0 30rpx;
+	border-bottom: 2rpx solid $gray-light;
+	
+	.filter-item {
+		flex:1;
+		display: flex;
+		align-items: center;
+		padding: 0 20rpx;
+		font-size: 28rpx;
+		color: $gray;
+		 text{
+			 margin-right: 10rpx;
+		 }
+		&.active {
+			color: $gray-dark;
+		}
+	}
+	
+	.filter-divider {
+		width: 2rpx;
+		height: 32rpx;
+		background-color: $border-color;
+		margin: 0 10rpx;
+	}
+}
+
+// 时间选择弹窗
+.time-popup {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 1000;
+	display: flex;
+	
+	.popup-mask {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		
+	}
+	
+	.time-popup-content {
+		margin-top: 231rpx;
+		position: relative;
+		background-color: $white;
+		width: 100%;
+		height: calc(100vh - 348rpx);
+		
+		.time-list {
+			padding: 0;
+			height: 100%;
+			overflow-y: auto;
+			
+			.time-item {
+				padding: 25rpx 60rpx;
+				font-size: 32rpx;
+				color: #666;
+				border-bottom: 2rpx solid #f0f0f0;
+				cursor: pointer;
+				transition: all 0.3s ease;
+				display: flex;
+				align-items: center;
+				
+				&:hover {
+					background-color: #f8f8f8;
+				}
+				
+				&.active {
+					background-color: #f8f8f8;
+					color: $primary-color;
+					
+					text {
+						font-weight: 500;
+					}
+				}
+				
+				&:last-child {
+					border-bottom: none;
+				}
+				
+				text {
+					display: block;
+					width: 100%;
+				}
+			}
+		}
+	}
+}
+
+// 地区选择弹窗
+.location-popup {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 1000;
+	display: flex;
+	
+	
+	.popup-mask {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		
+	}
+	
+	.popup-content {
+		margin-top: 231rpx;
+		position: relative;
+		background-color: $white;
+	
+		width: 100%;
+		height: calc(100vh - 433rpx);
+		padding:40rpx;
+		
+		.popup-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-bottom: 20px;
+			
+			.popup-title {
+				font-size: 18px;
+				font-weight: 500;
+				color: $gray-dark;
+			}
+			
+			.close-btn {
+				width: 30px;
+				height: 30px;
+				background-color: $gray-light;
+				border-radius: 50%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-size: 20px;
+				color: $gray;
+				cursor: pointer;
+			}
+		}
+		
+		.location-grid {
+			display: grid;
+			grid-template-columns: repeat(4, 1fr);
+			gap: 30rpx;
+			height: 100%;
+			overflow-y: auto;
+			
+			.location-item {
+				padding: 16rpx;
+				background-color: $background-color;
+				border-radius: 16rpx;
+				text-align: center;
+				font-size: 28rpx;
+				color: #999;
+				border: 2rpx solid #999;
+				cursor: pointer;
+				transition: all 0.3s ease;
+				
+				&:hover {
+					background-color: lighten($primary-color, 45%);
+				}
+				
+				&.active {
+					background-color: lighten($primary-color, 40%);
+					border-color: $primary-color;
+					color: $primary-color;
+				}
+				
+				text {
+					display: block;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					word-break: break-all;
+				}
+			}
+		}
+	}
+}
+
+// 时间标题
+.time-header {
+	text-align: center;
+	padding: 30rpx 0;
+	font-size: 32rpx;
+	color: $gray;
+	background-color: $background-color;
+}
+
+// 会议列表
+.meeting-list {
+	padding: 0 30rpx;
+	
+	.meeting-item {
+		display: flex;
+		margin-bottom: 30rpx;
+		background-color: $white;
+		border-radius: 16rpx;
+		overflow: hidden;
+		box-shadow: $shadow;
+		
+		// 日期标识
+		.date-tag {
+			width: 50rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			position:relative;
+			
+			.date-text {
+				background: $white;
+				position:absolute;
+				top:50%;
+				color:red;
+				transform:translateY(-50%);
+				font-size: 32rpx;
+				width:40rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				left: 35rpx;
+				height: 40rpx;
+				border-radius:50%;
+			}
+		}
+		
+		// 会议内容
+		.meeting-content {
+			flex: 1;
+			padding: 30rpx;
+			
+			.meeting-title {
+				font-size: 32rpx;
+				font-weight: 500;
+				color: $gray-dark;
+				margin-bottom: 20rpx;
+				line-height: 1.4;
+			}
+			
+			.meeting-poster {
+				position: relative;
+				height: 240rpx;
+				border-radius: 12rpx;
+				overflow: hidden;
+				margin-bottom: 20rpx;
+				
+				.poster-image {
+					width: 100%;
+					height: 100%;
+					object-fit: cover;
+				}
+				
+				.play-btn {
+					position: absolute;
+					top: 50%;
+					left: 50%;
+					transform: translate(-50%, -50%);
+					width:210rpx;
+					height:210rpx;
+					opacity: 0.3;
+					border-radius: 50%;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
+				
+				.preview-tag {
+					position: absolute;
+					top: 16rpx;
+					right: 16rpx;
+					border: 4rpx solid #fff;
+					color: $white;
+					font-size: 24rpx;
+					padding: 4rpx 16rpx;
+					border-radius: 20rpx;
+				}
+			}
+			
+			.meeting-info {
+				display: flex;
+				justify-content: space-between;
+				
+				.info-item {
+					display: flex;
+					align-items: center;
+					.timebox{
+						margin-top: -19rpx;
+					}
+					.info-text {
+						font-size: 24rpx;
+						color: $gray-text;
+						margin-left: 8rpx;
+					}
+				}
+			}
+		}
+	}
+}
+
+// 加载更多提示
+.load-more {
+	padding: 30rpx;
+	
+	.load-more-content {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		
+		.load-more-text {
+			font-size: 28rpx;
+			color: $gray-text;
+			margin-left: 10rpx;
+		}
+	}
+}
+
+// 过往会议提示
+.history-tip {
+	position: fixed;
+	bottom:200rpx;
+	z-index:9;
+	right:0;
+	border-radius: 50rpx 0 0 50rpx;
+	background:#00cbc0; 
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 10rpx 10rpx;
+	
+	.tip-icon {
+		padding:10rpx;
+		background-color: #fff;
+		margin-right: 10rpx;
+		border-radius: 50%;
+	}
+	
+	.tip-text {
+		width: 60rpx;
+		font-size: 26rpx;
+		color:#fff;
+	}
+}
+
+// 底部导航栏
+.bottom-nav {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 60px;
+	background-color: $white;
+	display: flex;
+	border-top: 1px solid $gray-light;
+	
+	.nav-item {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 5px 0;
+		
+		.nav-text {
+			font-size: 10px;
+			color: $gray-text;
+			margin-top: 2px;
+			
+			&.active {
+				color: $primary-color;
+			}
+		}
+	}
+}
+</style>
diff --git a/pages/my/my.vue b/pages/my/my.vue
new file mode 100644
index 0000000..5c404eb
--- /dev/null
+++ b/pages/my/my.vue
@@ -0,0 +1,632 @@
+<template>
+	<uni-nav-bar title="我的" fixed color="#8B2316" height="140rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
+	<view class="page">
+		
+		
+		<!-- 用户信息卡片 -->
+		<view class="user-card">
+			<view class="user-info">
+				<image class="avatar" src="/static/avatar_default.png" mode="aspectFill"></image>
+				<text class="username">邹建东</text>
+			</view>
+			
+			<!-- 统计数据 -->
+			<view class="stats-section">
+				<view class="stats-item">
+					<text class="stats-number">5</text>
+					<text class="stats-label">随访患者数</text>
+				</view>
+				<view class="stats-item">
+					<text class="stats-number">0</text>
+					<text class="stats-label">公益咨询数</text>
+				</view>
+				<view class="stats-item">
+					<text class="stats-number">0</text>
+					<text class="stats-label">患者送花数</text>
+				</view>
+				<view class="divder"></view>
+				<view class="signbox">
+					<view class="sign">签到</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 随访服务 -->
+		<view class="section">
+			<view class="section-title">随访服务</view>
+			<up-scroll-list  indicatorActiveColor="#8B2316" indicatorWidth="40rpx" indicatorBarWidth="20rpx"  class="service-grid">
+				<view class="service-item" @click="goToPage('patientAudit')">
+					<up-image  :src="hzshImg" width="48rpx" height="48rpx" ></up-image>
+					<text>患者审核</text>
+				</view>
+				<view class="service-item" @click="goToPage('patientGroup')">
+					<up-image  :src="hzfzImg" width="48rpx" height="48rpx" ></up-image>
+					<text>患者分组</text>
+				</view>
+				<view class="service-item" @click="goToPage('groupMessage')">
+					<up-image  :src="qfxxImg" width="48rpx" height="48rpx" ></up-image>
+					<text>群发消息</text>
+				</view>
+				<view class="service-item" @click="goToPage('qrcode')">
+						<up-image  :src="sfImg" width="48rpx" height="48rpx" ></up-image>
+					<text>随访二维码</text>
+				</view>
+				<view class="service-item" @click="goToPage('qrcode')">
+						<up-image  :src="czjhImg" width="48rpx" height="48rpx" ></up-image>
+					<text>出诊计划</text>
+				</view>
+			</up-scroll-list>
+			
+		</view>
+		
+		<!-- 学习进步 -->
+		<view class="section">
+			<view class="section-title">学习进步</view>
+			<view class="learning-grid">
+				<view class="learning-item" @click="goToPage('myVideos')">
+					<up-image  :src="wdspImg" width="48rpx" height="48rpx" ></up-image>
+					<text>我的视频</text>
+				</view>
+				<view class="learning-item" @click="goToPage('myCourses')">
+					<up-image  :src="wdkcImg" width="48rpx" height="48rpx" ></up-image>
+					<text>我的课程</text>
+				</view>
+				<view class="learning-item" @click="goToPage('myDownloads')">
+					<up-image  :src="wdxzImg" width="48rpx" height="48rpx" ></up-image>
+					<text>我的下载</text>
+				</view>
+				<view class="learning-item" @click="goToPage('myFavorites')">
+					<up-image  :src="wdscImg" width="48rpx" height="48rpx" ></up-image>
+					<text>我的收藏</text>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 账户明细 -->
+		<view class="section">
+			<view class="section-title">账户明细</view>
+			<up-scroll-list  indicatorActiveColor="#8B2316" indicatorWidth="40rpx" indicatorBarWidth="20rpx"  class="account-grid">
+				<view class="account-item" @click="goToPage('myAccount')">
+					<up-image  :src="wdzzImg" width="48rpx" height="48rpx" ></up-image>
+					<text>我的账户</text>
+				</view>
+				<view class="account-item" @click="goToPage('myPoints')">
+					<up-image  :src="wdjfImg" width="48rpx" height="48rpx" ></up-image>
+					<text>我的积分</text>
+				</view>
+				<view class="account-item" @click="goToPage('myBenefits')">
+					<up-image  :src="wdflImg" width="48rpx" height="48rpx" ></up-image>
+					<text>我的福利</text>
+				</view>
+				<view class="account-item" @click="goToPage('myReviews')">
+					<up-image  :src="wdxhImg" width="48rpx" height="48rpx" ></up-image>
+					<text>我的鲜花</text>
+				</view>
+				<view class="account-item" @click="goToPage('myReviews')">
+					<up-image  :src="kjmxImg" width="48rpx" height="48rpx" ></up-image>
+					<text>课件明细</text>
+				</view>
+				<view class="account-item" @click="goToPage('myReviews')">
+					<up-image  :src="kcmxImg" width="48rpx" height="48rpx" ></up-image>
+					<text>课程明细</text>
+				</view>
+				<view class="account-item" @click="goToPage('myReviews')">
+					<up-image  :src="sxyImg" width="48rpx" height="48rpx" ></up-image>
+					<text>送心意</text>
+				</view>
+			</up-scroll-list>
+		</view>
+		
+		<!-- 常用操作 -->
+		<view class="section">
+			<view class="section-title">常用操作</view>
+			<view class="operation-grid">
+				<view class="operation-item" @click="goToPage('wechatUnbind')">
+					<up-image  :src="wxjbImg" width="48rpx" height="48rpx" ></up-image>
+					<text>微信解绑</text>
+				</view>
+				<view class="operation-item" @click="goToPage('changePhone')">
+					<up-image  :src="ghsjhImg" width="48rpx" height="48rpx" ></up-image>
+					<text>更换手机号</text>
+				</view>
+				<view class="operation-item" @click="goToPage('notifications')">
+					<up-image  :src="tzykImg" width="48rpx" height="48rpx" ></up-image>
+					<text>通知已开</text>
+				</view>
+				<view class="operation-item" @click="showVersion">
+					<up-image  :src="versionImg" width="48rpx" height="48rpx" ></up-image>
+					<text>V4.1.4</text>
+				</view>
+			</view>
+		</view>
+		<view class="setbox">
+			<!-- 福利卡兑换 -->
+			<view class="sectioncell benefit-section">
+				<view class="benefit-item" @click="goToPage('benefitExchange')">
+					<view class="benefit-icon">
+						<up-image :src="fulicard" width="48rpx" height="48rpx"></up-image>
+					</view>
+					<view class="benefit-content">
+						<text class="benefit-title">福利卡兑换</text>
+					</view>
+					<view class="benefit-arrow">
+						<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+					</view>
+				</view>
+			</view>
+			
+			<!-- 发票管理 -->
+			<view class="sectioncell invoice-section">
+				<view class="invoice-item" @click="goToPage('invoiceManage')">
+					<view class="invoice-icon">
+						<up-image :src="fpgl" width="48rpx" height="48rpx"></up-image>
+					</view>
+					<view class="invoice-content">
+						<text class="invoice-title">发票管理</text>
+					</view>
+					<view class="invoice-arrow">
+						<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+					</view>
+				</view>
+			</view>
+			
+			<!-- 常用银行卡 -->
+			<view class="sectioncell bank-section">
+				<view class="bank-item" @click="goToPage('bankCard')">
+					<view class="bank-icon">
+						<up-image :src="cyyhk" width="48rpx" height="48rpx"></up-image>
+					</view>
+					<view class="bank-content">
+						<text class="bank-title">常用银行卡</text>
+					</view>
+					<view class="bank-arrow">
+						<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+					</view>
+				</view>
+			</view>
+			
+			<!-- 设置与帮助 -->
+			<view class="sectioncell settings-section">
+				<view class="settings-item" @click="goToPage('settings')">
+					<view class="settings-icon">
+						<up-image :src="settingImg" width="48rpx" height="48rpx"></up-image>
+					</view>
+					<view class="settings-content">
+						<text class="settings-title">设置与帮助</text>
+					</view>
+					<view class="settings-arrow">
+						<uni-icons type="forward" size="16" color="#ccc"></uni-icons>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		
+		
+		<!-- 年度总结悬浮按钮 -->
+		<view class="year-summary-btn" @click="showYearSummary">
+			<view class="year-text">2024</view>
+			<view class="summary-text">年度总结</view>
+		</view>
+		
+		<!-- 底部导航栏 -->
+		<CustomTabbar></CustomTabbar>
+	</view>
+</template>
+
+<script setup>
+	import CustomTabbar from '@/compoents/tabBar/tabBar.vue';
+	import { ref } from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+	import hzshImg from "@/static/hzsh.png"
+	import hzfzImg from "@/static/hzfz.png"
+	import qfxxImg from "@/static/qfxz.png"
+	import sfImg from "@/static/sfewm.png"
+	import czjhImg from "@/static/czjh.png"
+	import wdspImg from "@/static/wdsp.png"
+	import wdkcImg from "@/static/wdkc.png"
+	import wdxzImg from "@/static/wdxz.png"
+	import wdscImg from "@/static/wdsc.png"
+	import wdzzImg from "@/static/wdzh.png"
+	import wdjfImg from "@/static/wdjf.png"
+	import wdflImg from "@/static/wdfl.png"
+	import wdxhImg from "@/static/wdxh.png"
+	import kjmxImg from "@/static/kjmx.png"
+	import kcmxImg from "@/static/kcmx.png"
+	import sxyImg from "@/static/sxy.png"
+	import wxjbImg from "@/static/wxjb.png"
+	import ghsjhImg from "@/static/ghsjh.png"
+	import tzykImg from "@/static/xxtx.png"
+	import versionImg from "@/static/fxxbb.png"
+
+
+	import fulicard from "@/static/fulicard.png"
+	import fpgl from "@/static/fpgl.png"
+	import cyyhk from "@/static/cyhhk.png"
+	import settingImg from "@/static/setting.png"
+	// 响应式数据
+	const isLargeFont = ref(false);
+	
+	// 方法
+	const toggleFontSize = () => {
+		isLargeFont.value = !isLargeFont.value;
+		console.log('切换字体大小:', isLargeFont.value ? '大字版' : '普通版');
+	};
+	
+	const checkin = () => {
+		console.log('签到');
+		uni.showToast({
+			title: '签到成功',
+			icon: 'success'
+		});
+	};
+	
+	const goToPage = (page) => {
+		console.log('跳转到页面:', page);
+		// 根据页面名称进行跳转
+		switch(page) {
+			case 'index':
+				uni.switchTab({
+					url: '/pages/index/index'
+				});
+				break;
+			case 'patientClass':
+				uni.switchTab({
+					url: '/pages_app/patientClass/patientClass'
+				});
+				break;
+			case 'benefitExchange':
+				uni.showToast({
+					title: '福利卡兑换功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'invoiceManage':
+				uni.showToast({
+					title: '发票管理功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'bankCard':
+				uni.showToast({
+					title: '常用银行卡功能开发中',
+					icon: 'none'
+				});
+				break;
+			case 'settings':
+				uni.showToast({
+					title: '设置与帮助功能开发中',
+					icon: 'none'
+				});
+				break;
+			default:
+				uni.showToast({
+					title: '功能开发中',
+					icon: 'none'
+				});
+		}
+	};
+	
+	const showYearSummary = () => {
+		console.log('显示年度总结');
+		uni.showToast({
+			title: '年度总结功能开发中',
+			icon: 'none'
+		});
+	};
+	
+	const showVersion = () => {
+		uni.showModal({
+			title: '版本信息',
+			content: '当前版本：V4.1.4',
+			showCancel: false
+		});
+	};
+	
+	onShow(() => {
+		console.log('我的页面显示');
+	});
+</script>
+
+<style lang="scss" scoped>
+// 颜色变量
+$primary-color: #ff6b6b;
+$theme-color: #8B2316;
+$cyan-color: #00CED1;
+$white: #fff;
+$gray-bg: #f5f5f5;
+$gray-light: #eee;
+$gray-medium: #999;
+$gray-dark: #666;
+$text-color: #333;
+
+// 尺寸变量
+$border-radius: 8px;
+$border-radius-small: 6px;
+$padding: 15px;
+$padding-small: 10px;
+
+.page {
+	background-color: $gray-bg;
+	height: calc(100vh - 140rpx);
+	overflow-y: scroll;
+	padding-bottom: 100rpx;
+}
+
+
+// 用户信息卡片
+.user-card {
+	
+	background: url('@/static/big_background_my.png') no-repeat 0 0;
+	height:310rpx;
+	padding:0 30rpx;
+	background-size: cover;
+	position: relative;
+	margin-bottom: 67rpx;
+
+	.user-info {
+		padding-top: 30rpx;
+		display: flex;
+		align-items: center;
+		gap: 20rpx;
+		margin-bottom: 40rpx;
+
+		.avatar {
+			width: 120rpx;
+			height: 120rpx;
+			border-radius: 10rpx;
+			
+		}
+
+		.username {
+			color: $white;
+			font-size: 36rpx;
+			font-weight: bold;
+		}
+	}
+
+	.stats-section {
+		position: relative;
+		background-color: $white;
+		border-radius: $border-radius;
+		padding: 30rpx;
+		display: flex;
+		justify-content: space-around;
+		margin-bottom: 20rpx;
+		.divder{
+			width:2rpx;
+			height:50rpx;
+			margin-top: 32rpx;
+			margin-left:10rpx;
+			margin-right: 150rpx;
+			background-color: #999;
+		}
+       .signbox{
+		   position:absolute;
+		   right:0;
+		   top:54rpx;
+		   width:160rpx;
+		   height: 56rpx;
+		   display: flex;
+		   align-items: center;
+		  
+		   
+		   border-radius:30rpx 0 0 30rpx;
+		   background:#fc564a url("@/static/qd1_bg.9.png")no-repeat 0 0;
+		   background-size:57rpx 56rpx;
+		   .sign{
+			   margin-left: 60rpx;
+			    font-size: 28rpx;
+				color:#fff;
+		   }
+	   }
+		.stats-item {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			gap: 10rpx;
+
+			.stats-number {
+				font-size: 48rpx;
+				
+				color: $text-color;
+			}
+
+			.stats-label {
+				font-size: 24rpx;
+				color: $text-color;
+			}
+		}
+	}
+
+	.checkin-btn {
+		position: absolute;
+		top: 30rpx;
+		right: 30rpx;
+		background-color: $theme-color;
+		color: $white;
+		padding: 16rpx 24rpx;
+		border-radius: 40rpx;
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+		font-size: 28rpx;
+	}
+}
+
+// 通用section样式
+.section {
+	background-color: $white;
+	margin: $padding-small;
+	border-radius: $border-radius;
+	padding: 26rpx;
+
+	.section-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: $text-color;
+		margin-bottom: 30rpx;
+	}
+}
+
+// 服务网格
+ .learning-grid,.operation-grid{
+	 display: flex;
+ }
+
+	.service-item,
+	.learning-item,
+	.account-item,
+	.operation-item {
+		width: 130rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 16rpx;
+		padding: 20rpx;
+
+		text{
+			white-space: nowrap;
+			font-size: 26rpx;
+			color: $text-color;
+			text-align: center;
+		}
+	}
+
+.setbox{
+	margin:0 26rpx;
+	border-radius:20rpx;
+	overflow: hidden;
+	background-color: #fff;
+	margin-bottom: 30rpx;
+}
+// 新增模块样式
+.benefit-section,
+.invoice-section,
+.bank-section,
+.settings-section {
+	
+	border-radius: $border-radius;
+    margin-bottom: 0;
+	padding: 0;
+
+	.benefit-item,
+	.invoice-item,
+	.bank-item,
+	.settings-item {
+		display: flex;
+		align-items: center;
+		padding: 14rpx;
+		background-color: $white;
+		
+		border-bottom:2rpx solid #efefef;
+
+		.benefit-icon,
+		.invoice-icon,
+		.bank-icon,
+		.settings-icon {
+			width: 80rpx;
+			height: 80rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-right: 20rpx;
+		}
+
+		.benefit-content,
+		.invoice-content,
+		.bank-content,
+		.settings-content {
+			flex: 1;
+
+			.benefit-title,
+			.invoice-title,
+			.bank-title,
+			.settings-title {
+				font-size: 26rpx;
+				color: $text-color;
+				font-weight: 500;
+			}
+		}
+
+		.benefit-arrow,
+		.invoice-arrow,
+		.bank-arrow,
+		.settings-arrow {
+			width: 30rpx;
+			height: 30rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+}
+
+
+// 年度总结悬浮按钮
+.year-summary-btn {
+	position: fixed;
+	bottom: 200rpx;
+	right: 0rpx;
+	width: 150rpx;
+	height: 80rpx;
+	background: linear-gradient(135deg, $cyan-color 0%, #20B2AA 100%);
+	border-radius: 60rpx 0 0 60rpx;
+	
+	
+	justify-content: flex-start;
+	align-items: center;
+	color: $white;
+	display: flex;
+	box-shadow: 0 8rpx 24rpx rgba(0, 206, 209, 0.3);
+	z-index: 999;
+
+	.year-text {
+		font-size: 24rpx;
+		font-weight: bold;
+		width:70rpx;
+		height:70rpx;
+		display: flex;
+		margin-left: 5rpx;
+		justify-content: center;
+		align-items: center;
+		color:#3cc7c0;
+		border-radius: 50%;
+		background-color: #fff;
+	}
+
+	.summary-text {
+		font-weight: bold;
+		width:50rpx;
+		margin-left: 10rpx;
+		font-size: 20rpx;
+	}
+}
+
+// 底部导航栏
+.bottom-nav {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: $white;
+	display: flex;
+	border-top: 1px solid $gray-light;
+	padding: 16rpx 0;
+	z-index: 1000;
+
+	.nav-item {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 8rpx;
+		font-size: 20rpx;
+		color: $gray-medium;
+
+		&.active {
+			color: $theme-color;
+		}
+	}
+}
+</style>
diff --git a/pages/patientClass/patientClass.vue b/pages/patientClass/patientClass.vue
new file mode 100644
index 0000000..6cf2213
--- /dev/null
+++ b/pages/patientClass/patientClass.vue
@@ -0,0 +1,561 @@
+<template>
+	<uni-nav-bar title="患教学堂" fixed color="#8B2316" height="140rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
+	<view class="page">
+		<!-- 顶部标题栏 -->
+		
+		 <view class="top">
+			 
+			 <!-- 选项卡 -->
+			 <view class="tabs">
+			 	<view class="tab-item" :class="{ active: activeTab === 0 }" @click="switchTab(0)">
+			 		患教文库
+			 	</view>
+			 	<view class="tab-item" :class="{ active: activeTab === 1 }" @click="switchTab(1)">
+			 		患教视频
+			 	</view>
+			 	<view class="tab-item" :class="{ active: activeTab === 2 }" @click="switchTab(2)">
+			 		常见问题
+			 	</view>
+			 </view>
+			 
+			 <!-- 筛选栏 -->
+			 <view class="filter-bar">
+			 	<view class="search-box">
+			 		<uni-icons type="search" size="16" color="#999"></uni-icons>
+			 		<text class="search-text">搜索</text>
+			 	</view>
+			 	<view class="divider"></view>
+			 	<view class="filter-item">
+			 		<text>最新</text>
+			 		<up-image  :src="upImg" width="20rpx" height="26rpx" ></up-image>
+			 	</view>
+			 	<view class="divider"></view>
+			 	<view class="filter-item" @click="showFilterPopup">
+			 		<text>筛选</text>
+			 		<up-image  :src="isFilterActive ? filterOn : filter" width="30rpx" height="30rpx" ></up-image>
+			 	</view>
+			 </view>
+			 
+		 </view>
+		
+		<!-- 筛选弹窗 -->
+		<view class="filter-popup" v-if="showFilter" @click="hideFilterPopup">
+			<view class="filter-content" @click.stop>
+				<!-- 筛选标签网格 -->
+				<view class="filter-tags">
+					<view 
+						class="tag-item" 
+						v-for="(tag, index) in filterTags" 
+						:key="index"
+						:class="{ active: tag.selected }"
+						@click="toggleTag(index)"
+					>
+						{{ tag.name }}
+					</view>
+				</view>
+				
+				<!-- 底部按钮 -->
+				<view class="filter-buttons">
+					<view class="btn-reset" @click="resetFilter">重置</view>
+					<view class="btn-confirm" @click="confirmFilter">确定</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 文章列表 -->
+		<scroll-view class="article-list" scroll-y>
+			<view class="article-item" v-for="(article, index) in articleList" :key="index" @click="goToDetail(article)">
+				<image class="article-image" :src="article.image" mode="aspectFill"></image>
+				<view class="article-content">
+					<view class="article-title">{{ article.title }}</view>
+					<view class="article-meta">
+						<view class="date-tag" v-if="article.isToday">今日</view>
+						<view class="date" v-else>{{ article.date }}</view>
+						<view class="stats">
+							<view class="stat-item">
+								<uni-icons type="eye" size="12" color="#999"></uni-icons>
+								<text>{{ article.views }}</text>
+							</view>
+							<view class="stat-item">
+								<uni-icons type="heart" size="12" color="#999"></uni-icons>
+								<text>{{ article.likes }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+		
+		<!-- 底部导航栏 -->
+		
+	</view>
+	<CustomTabbar></CustomTabbar>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+	import CustomTabbar from '@/compoents/tabBar/tabBar.vue';
+	import upImg from "@/static/cb_up.png"
+	import downImg from "@/static/cb_up.png"
+	import filter from "@/static/cb_screen_no.png"
+	import filterOn from "@/static/cb_screen_yes.png"
+	
+	// 响应式数据
+	const activeTab = ref(0);
+	const showFilter = ref(false);
+	const isFilterActive = ref(false);
+	
+	// 筛选标签数据
+	const filterTags = ref([
+		{ name: '甲型肝炎', selected: false },
+		{ name: '乙型肝炎', selected: false },
+		{ name: '丙型肝炎', selected: false },
+		{ name: '药物肝', selected: false },
+		{ name: '自免肝', selected: false },
+		{ name: '酒精肝', selected: false },
+		{ name: '脂肪肝', selected: false },
+		{ name: '肝纤维化', selected: false },
+		{ name: '肝硬化', selected: false },
+		{ name: '肝癌', selected: false },
+		{ name: '肝囊虫', selected: false },
+		{ name: '肝移植', selected: false },
+		{ name: '胆结石', selected: false },
+		{ name: '胆囊炎', selected: false },
+		{ name: '其他疾病', selected: false },
+		{ name: '肝脏检查', selected: false },
+		{ name: '乙肝五项', selected: false },
+		{ name: '肝功能', selected: false },
+		{ name: '报告解读', selected: false },
+		{ name: '肝炎病毒', selected: false },
+		{ name: '传播途径', selected: false },
+		{ name: '症状表现', selected: false },
+		{ name: '疫苗接种', selected: false },
+		{ name: '诊断治疗', selected: false },
+		{ name: '抗病毒', selected: false },
+		{ name: '干扰素', selected: false },
+		{ name: '用药', selected: false },
+		{ name: '耐药', selected: false },
+		{ name: '保肝降酶', selected: false },
+		{ name: '毒副反应', selected: false },
+		{ name: '治愈停药', selected: false },
+		{ name: '肝炎复发', selected: false },
+		{ name: '预后预防', selected: false },
+		{ name: '日常生活', selected: false },
+		{ name: '饮食营养', selected: false },
+		{ name: '养肝护肝', selected: false },
+		{ name: '一图读懂', selected: false },
+		{ name: '误区辟谣', selected: false },
+		{ name: '生儿育女', selected: false },
+		{ name: '医保报销', selected: false },
+		{ name: '肝胆相照', selected: false },
+		{ name: '精华好文', selected: false },
+		{ name: '肝病故事', selected: false },
+		{ name: '名医科普', selected: false },
+		{ name: '肝病现状', selected: false },
+		{ name: '中医中药', selected: false }
+	]);
+	
+	// 模拟文章数据
+	const articleList = ref([
+		{
+			id: 1,
+			image: '/static/liver_knowledge.png',
+			title: '甩掉"乙肝大国"的帽子后，中国第一大肝病变成了它，正在侵...',
+			date: '今日',
+			isToday: true,
+			views: 185,
+			likes: 0
+		},
+		{
+			id: 2,
+			image: '/static/doctor_liver.png',
+			title: '从你我做起，让肝炎止步',
+			date: '08-01',
+			isToday: false,
+			views: 315,
+			likes: 0
+		},
+		{
+			id: 3,
+			image: '/static/liver_health.png',
+			title: '这6个指标正常，说明你肝脏健康',
+			date: '07-25',
+			isToday: false,
+			views: 1033,
+			likes: 0
+		},
+		{
+			id: 4,
+			image: '/static/diet_liver.png',
+			title: '无需节食！吃饭一个改变，脂肪肝好转了！4个月肝脏脂肪减...',
+			date: '07-18',
+			isToday: false,
+			views: 1829,
+			likes: 1
+		},
+		{
+			id: 5,
+			image: '/static/cooking_spices.png',
+			title: '这种家家都有的调料，吃太多会增加肝癌风险？很多人已超标！',
+			date: '07-11',
+			isToday: false,
+			views: 2992,
+			likes: 0
+		},
+		{
+			id: 6,
+			image: '/static/liver_protection.png',
+			title: '肝炎拖成肝硬化，下一步就是肝癌，养肝护肝，记住这3点',
+			date: '07-04',
+			isToday: false,
+			views: 1993,
+			likes: 1
+		}
+	]);
+	
+	// 方法
+	const switchTab = (index) => {
+		activeTab.value = index;
+	};
+	
+	const goToDetail = (article) => {
+		console.log('查看文章详情:', article);
+		// 跳转到详情页
+	};
+	
+	const goToPage = (page) => {
+		console.log('跳转到页面:', page);
+		// 根据页面名称进行跳转
+		if (page === 'index') {
+			uni.switchTab({
+				url: '/pages/index/index'
+			});
+		}
+	};
+	
+	// 筛选相关方法
+	const showFilterPopup = () => {
+		showFilter.value = true;
+	};
+	
+	const hideFilterPopup = () => {
+		showFilter.value = false;
+	};
+	
+	const toggleTag = (index) => {
+		filterTags.value[index].selected = !filterTags.value[index].selected;
+	};
+	
+	const resetFilter = () => {
+		filterTags.value.forEach(tag => {
+			tag.selected = false;
+		});
+		isFilterActive.value = false;
+	};
+	
+	const confirmFilter = () => {
+		// 检查是否有选中的标签
+		const hasSelected = filterTags.value.some(tag => tag.selected);
+		isFilterActive.value = hasSelected;
+		
+		// 执行筛选逻辑
+		if (hasSelected) {
+			const selectedTags = filterTags.value.filter(tag => tag.selected).map(tag => tag.name);
+			console.log('选中的标签:', selectedTags);
+			// 这里可以添加实际的筛选逻辑
+		}
+		
+		showFilter.value = false;
+	};
+	
+	onShow(() => {
+		console.log('患教学堂页面显示');
+	});
+</script>
+
+<style lang="scss" scoped>
+// 颜色变量
+$primary-color: #ff6b6b;
+$theme-color: #8B2316;
+$white: #fff;
+$gray-bg: #f5f5f5;
+$gray-light: #eee;
+$gray-medium: #999;
+$gray-dark: #666;
+$text-color: #333;
+
+// 尺寸变量
+$border-radius: 8px;
+$border-radius-small: 6px;
+$padding: 15px;
+$padding-small: 10px;
+
+.page {
+	background-color: $gray-bg;
+	height: calc(100vh - 140rpx);
+	display: flex;
+	overflow-y: hidden;
+	flex-direction: column;
+ // 为固定导航栏留出空间
+}
+.top{
+	width:100%;
+	position: fixed;
+	top:140rpx;
+}
+// 选项卡
+.tabs {
+	background-color: $white;
+	display: flex;
+	border-bottom: 1px solid $gray-light;
+
+	.tab-item {
+		flex: 1;
+		text-align: center;
+		padding: $padding 0;
+		font-size: 16px;
+		color: $gray-dark;
+		position: relative;
+
+		&.active {
+			color: $theme-color;
+			
+
+			&::after {
+				content: '';
+				position: absolute;
+				bottom: 0;
+				left: 50%;
+				transform: translateX(-50%);
+				width: 30px;
+				height: 2px;
+				
+			}
+		}
+	}
+}
+
+// 筛选栏
+.filter-bar {
+	background-color: $white;
+	padding: $padding-small $padding;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid $gray-light;
+
+	.search-box {
+		flex: 1;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: 5px;
+
+		.search-text {
+			font-size: 14px;
+			color: $gray-medium;
+		}
+	}
+
+	.divider {
+		width: 1px;
+		height: 16px;
+		background-color: $gray-medium;
+		margin: 0 $padding;
+	}
+
+	.filter-item {
+		flex:1;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 3px;
+		font-size: 14px;
+		color: #999;
+	}
+}
+
+// 文章列表
+.article-list {
+	position: fixed;
+	height:calc(100vh - 450rpx);
+	top: 342rpx;
+	
+	padding-bottom: 130rpx;
+	.article-item {
+		background-color: $white;
+		margin-bottom: $padding-small;
+		border-radius: $border-radius;
+		padding: $padding;
+		display: flex;
+		gap: 12px;
+
+		.article-image {
+			width: 80px;
+			height: 80px;
+			border-radius: $border-radius-small;
+			flex-shrink: 0;
+		}
+
+		.article-content {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+
+			.article-title {
+				font-size: 16px;
+				color: $text-color;
+				line-height: 1.4;
+				margin-bottom: $padding-small;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				display: -webkit-box;
+				-webkit-line-clamp: 2;
+				line-clamp: 2;
+				-webkit-box-orient: vertical;
+			}
+
+			.article-meta {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+
+				.date-tag {
+					background-color: $primary-color;
+					color: $white;
+					font-size: 12px;
+					padding: 2px 6px;
+					border-radius: 3px;
+				}
+
+				.date {
+					font-size: 12px;
+					color: $gray-medium;
+				}
+
+				.stats {
+					display: flex;
+					gap: $padding;
+
+					.stat-item {
+						display: flex;
+						align-items: center;
+						gap: 3px;
+						font-size: 12px;
+						color: $gray-medium;
+					}
+				}
+			}
+		}
+	}
+}
+
+// 底部导航栏
+.bottom-nav {
+	background-color: $white;
+	display: flex;
+	border-top: 1px solid $gray-light;
+	padding: 8px 0;
+
+	.nav-item {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 2px;
+		font-size: 12px;
+		color: $gray-medium;
+
+		&.active {
+			color: $primary-color;
+		}
+
+		text {
+			font-size: 10px;
+		}
+	}
+}
+
+// 筛选弹窗样式
+.filter-popup {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	// background-color: rgba(0, 0, 0, 0.5);
+	display: flex;
+	justify-content: center;
+	
+	z-index: 9999;
+
+	.filter-content {
+		margin-top:329rpx;
+	
+		background-color: $white;
+		// border-radius: 20rpx 20rpx 0 0;
+		padding: 20rpx 30rpx 60rpx;
+		width: 100%;
+		max-height: 80vh;
+		
+		.filter-tags {
+			display: flex;
+			flex-wrap: wrap;
+			gap: 20rpx;
+			margin-bottom: 60rpx;
+			max-height: 65vh;
+			overflow-y: auto;
+			
+			.tag-item {
+				background-color: #f8f8f8;
+				color: $gray-dark;
+				padding: 8rpx 24rpx;
+				border-radius: 30rpx;
+				font-size: 26rpx;
+				border: 2rpx solid #efefef;
+				transition: all 0.3s ease;
+				
+				&.active {
+					background-color: #fff;
+					color: $theme-color;
+					border-color: $theme-color;
+				}
+			}
+		}
+		
+		.filter-buttons {
+			display: flex;
+			gap: 20rpx;
+			position: fixed;
+			bottom: 30rpx;
+			left: 30rpx;
+			right: 30rpx;
+			
+			.btn-reset,
+			.btn-confirm {
+				flex: 1;
+				height: 70rpx;
+				border-radius: 14rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-size: 32rpx;
+				font-weight: 500;
+			}
+			
+			.btn-reset {
+				background-color: $white;
+				color: $theme-color;
+				border: 2rpx solid $theme-color;
+			}
+			
+			.btn-confirm {
+				border: 2rpx solid $theme-color;
+				background-color: $theme-color;
+				color: $white;
+			}
+		}
+	}
+}
+</style>
diff --git a/pages_app/login/login.vue b/pages_app/login/login.vue
new file mode 100644
index 0000000..b988f2c
--- /dev/null
+++ b/pages_app/login/login.vue
@@ -0,0 +1,607 @@
+<template>
+	<view class="login-container">
+	   <uni-nav-bar title="登录" color="#8B2316" height="160rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
+		<!-- 主要内容区域 -->
+		<view class="main-content" >
+			
+			<!-- 应用图标和名称 -->
+			<view class="app-info">
+				<view class="app-icon">
+					
+						<up-image  :src="logo" width="164rpx" height="167rpx" ></up-image>
+					
+				</view>
+				<text class="app-name">专家端</text>
+			</view>
+           
+			<!-- 手机号显示 -->
+			<!-- #ifdef APP -->
+			<view class="phone-display">
+				<text class="phone-number">176****8628</text>
+			</view>
+           
+			<!-- 登录按钮 -->
+			<view class="login-button" @click="onOneClickLogin">
+				<text class="button-text">本机号码一键登录</text>
+			</view>
+
+			<!-- 短信验证码登录 -->
+			<view class="sms-login" @click="onSmsLogin">
+				<text class="sms-text">短信验证码登录</text>
+			</view>
+
+			<!-- 微信登录 -->
+			<view class="wechat-login" @click="onWechatLogin">
+				<view class="wechat-icon">
+					<up-image  :src="wxImg" width="100rpx" height="100rpx" ></up-image>
+				</view>
+				<text class="wechat-text">微信登录</text>
+			</view>
+			<!-- #endif -->
+			<!-- #ifdef MP-WEIXIN -->
+			<up-button
+			  v-if="isAgreed"
+			  :customStyle="customStyle"
+			  class="login-button"
+			  type="success"
+			  @getphonenumber="getPhoneNumber"
+			  open-type="getPhoneNumber"
+			  text="手机号快捷登录"
+			  color="#3cc7c0"
+			  size="large"
+			></up-button>
+			 <up-button
+			  v-else
+			  :customStyle="customStyle"
+			  class="login-button"
+			  type="success"
+			  @click="alertAgree"
+			  text="手机号快捷登录"
+			  color="#3cc7c0"
+			  size="large"
+			></up-button>
+			<view class="sms-login" @click="onSmsLogin" style="margin-top: 20rpx;">
+				<text class="sms-text">短信验证码登录</text>
+			</view>
+			<!-- #endif -->
+			
+		</view>
+		
+
+		<!-- 底部协议 -->
+		<view class="agreement-section">
+			<view class="agreement-content">
+				
+				<view class="checkbox"  @click="toggleAgreement">
+					<up-image  :src="checkImg" width="45rpx" height="45rpx" v-if="!isAgreed"></up-image>
+					<up-image  :src="checkOnImg" width="45rpx" height="45rpx" v-else></up-image>
+				</view>
+				<view class="agreement-text">
+					<text class="text-content">我已阅读并同意</text>
+					<text class="link-text" @click="onServiceTerms">《中国移动认证服务条款》</text>
+					<text class="text-content">和</text>
+					<text class="link-text" @click="onPrivacyPolicy">《肝胆相照隐私政策》</text>
+					<text class="text-content">、</text>
+					<text class="link-text" @click="onUserAgreement">《肝胆相照用户服务协议》</text>
+					<text class="text-content">并使用本机号码登录并注册</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, reactive, onMounted } from 'vue';
+	import { onShow, onLoad } from "@dcloudio/uni-app";
+	import auth from "@/utils/auth";
+    import logo from "@/static/icon_login_logo.png"
+	import wxImg from "@/static/weixin_login.png"
+	import checkImg from "@/static/login_new_unselect.png"
+	import checkOnImg from "@/static/login_new_select.png"
+	
+	const customStyle = reactive({
+	  height: "100rpx",
+	  fontSize: "36rpx",
+	  backgroundColor:'#8B2316',
+	  borderRadius: '50rpx'
+	});
+	// 协议同意状态
+	const isAgreed = ref(false);
+		const alertAgree=()=>{
+		  uni.showToast({
+			title: '请先同意用户协议',
+			icon:'none'
+		  })
+		};
+	// 一键登录
+	const onOneClickLogin = () => {
+		if (!isAgreed.value) {
+			uni.showToast({
+				title: '请先同意相关协议',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		console.log('一键登录');
+		uni.showLoading({
+			title: '登录中...'
+		});
+		
+		// 模拟登录过程
+		setTimeout(() => {
+			uni.hideLoading();
+			uni.showToast({
+				title: '登录成功',
+				icon: 'success'
+			});
+			
+			// 跳转到首页
+			setTimeout(() => {
+				uni.switchTab({
+					url: '/pages/index/index'
+				});
+			}, 1500);
+		}, 2000);
+	};
+
+	// 短信验证码登录
+	const onSmsLogin = () => {
+		
+		uni.redirectTo({
+			url: '/pages_app/smsLogin/smsLogin'
+		});
+	};
+
+	// 微信登录
+	const onWechatLogin = () => {
+		if (!isAgreed.value) {
+			uni.showToast({
+				title: '请先同意相关协议',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		console.log('微信登录');
+		uni.showToast({
+			title: '微信登录功能开发中',
+			icon: 'none'
+		});
+	};
+
+	// 切换协议同意状态
+	const toggleAgreement = () => {
+		isAgreed.value = !isAgreed.value;
+	};
+
+	// 查看服务条款
+	const onServiceTerms = () => {
+		console.log('查看服务条款');
+		uni.navigateTo({
+			url: '/pages_app/agreement/service-terms'
+		});
+	};
+
+	// 查看隐私政策
+	const onPrivacyPolicy = () => {
+		console.log('查看隐私政策');
+		uni.navigateTo({
+			url: '/pages_app/agreement/privacy-policy'
+		});
+	};
+
+	// 查看用户协议
+	const onUserAgreement = () => {
+		console.log('查看用户协议');
+		uni.navigateTo({
+			url: '/pages_app/agreement/user-agreement'
+		});
+	};
+	const getPhoneNumber = (e) => {
+	  if (e.detail.errMsg === "getPhoneNumber:ok") {
+	    console.log(e.target.code)
+	    auth().then((res) => {
+	      console.log(res);
+	      api.wxLogin({
+	          phone_code: e.target.code,
+	          wx_code: res,
+	          source:1
+	        })
+	        .then((data) => {
+				uni.hideKeyboard()
+	         let result=data.data.data;
+	      if(process.env.UNI_PLATFORM =="h5"){
+				if(window.location.href.indexOf('//casedata.igandan.com')>-1){
+				   uni.setStorageSync("AUTH_TOKEN_CASEDATA",result.token);
+				}else{
+					 uni.setStorageSync("DEV_AUTH_TOKEN_CASEDATA",result.token);
+				}
+			}else{
+	         const { envVersion } = uni.getAccountInfoSync().miniProgram;
+	          if (envVersion == "release") {
+	            uni.setStorageSync("AUTH_TOKEN_CASEDATA",result.token);
+	          } else {
+	            uni.setStorageSync("DEV_AUTH_TOKEN_CASEDATA",result.token);
+	          };
+	    }
+	          
+	         
+	            uni.setStorageSync("userInfo",{
+	            avatar:result.avatar,
+	            user_id:result.user_id,
+	            status:result.status,
+	            user_name:result.user_name,
+	            doctor_id:result.doctor_id,
+	           });
+	          goPage()
+	        })
+	    });
+	  }
+	};
+	const goPage=()=>{
+		uni.redirectTo({
+			url:'/pages/index/index'
+		})
+	}
+	// 页面加载
+	onLoad(() => {
+		console.log('登录页面加载完成');
+	});
+
+	// 页面显示
+	onShow(() => {
+	  // #ifdef APP
+		// uni.login({
+		// 	provider: 'univerify',
+		// 	univerifyStyle: {
+		//     fullScreen: true
+		//   }
+		// })
+	// #endif 
+		console.log('登录页面显示');
+	});
+
+	// 组件挂载后
+	onMounted(() => {
+		console.log('登录页面组件已挂载');
+	});
+</script>
+
+<style>
+	.login-container {
+		min-height: 100vh;
+		background-color: #ffffff;
+		display: flex;
+		flex-direction: column;
+	}
+
+	/* 状态栏 */
+	.status-bar {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		height: 60rpx;
+	}
+
+	.status-left {
+		display: flex;
+		align-items: center;
+	}
+
+	.signal-bars {
+		display: flex;
+		align-items: flex-end;
+		gap: 2rpx;
+	}
+
+	.bar {
+		width: 4rpx;
+		background-color: #333;
+		border-radius: 2rpx;
+	}
+
+	.bar:nth-child(1) { height: 8rpx; }
+	.bar:nth-child(2) { height: 12rpx; }
+	.bar:nth-child(3) { height: 16rpx; }
+	.bar:nth-child(4) { height: 20rpx; }
+
+	.status-right {
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+	}
+
+	.battery-text {
+		font-size: 24rpx;
+		color: #333;
+	}
+
+	.battery-icon {
+		width: 40rpx;
+		height: 20rpx;
+		border: 2rpx solid #333;
+		border-radius: 4rpx;
+		position: relative;
+		display: flex;
+		align-items: center;
+	}
+
+	.battery-level {
+		width: 32rpx;
+		height: 12rpx;
+		background-color: #333;
+		margin: 2rpx;
+		border-radius: 2rpx;
+	}
+
+	.battery-tip {
+		position: absolute;
+		right: -6rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 4rpx;
+		height: 8rpx;
+		background-color: #333;
+		border-radius: 0 2rpx 2rpx 0;
+	}
+
+	.charging-icon {
+		font-size: 20rpx;
+		color: #333;
+	}
+
+	/* 主要内容区域 */
+	.main-content {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 100rpx 60rpx 0;
+	}
+
+	/* 页面标题 */
+	.page-title {
+		margin-bottom: 80rpx;
+	}
+
+	.title-text {
+		font-size: 48rpx;
+		font-weight: bold;
+		color: #8B2316;
+	}
+
+	/* 应用信息 */
+	.app-info {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin-bottom: 60rpx;
+	}
+
+	.app-icon {
+		
+		border-radius: 24rpx;
+		
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 20rpx;
+		position: relative;
+		
+	}
+
+	.icon-content {
+		position: relative;
+		width: 80rpx;
+		height: 80rpx;
+	}
+
+	.liver-shape {
+		width: 100%;
+		height: 100%;
+		background: linear-gradient(135deg, #FF6B35, #FF8C00);
+		border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
+		position: relative;
+	}
+
+	.bird-shape {
+		position: absolute;
+		top: 20rpx;
+		left: 25rpx;
+		width: 30rpx;
+		height: 20rpx;
+		background-color: white;
+		border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
+		transform: rotate(-15deg);
+	}
+
+	.app-name {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #8B2316;
+	}
+
+	/* 手机号显示 */
+	.phone-display {
+		margin-bottom: 60rpx;
+	}
+
+	.phone-number {
+		font-size: 40rpx;
+		font-weight: bold;
+		color: #333;
+	}
+
+	/* 登录按钮 */
+	.login-button {
+		width: 100%;
+		height: 100rpx;
+		background-color: #8B2316;
+		border-radius: 50rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 40rpx;
+		cursor: pointer;
+		transition: background-color 0.2s ease;
+	}
+
+	.login-button:active {
+		background-color: #6B1A0F;
+	}
+
+	.button-text {
+		font-size: 32rpx;
+		color: white;
+		font-weight: bold;
+	}
+
+	/* 短信验证码登录 */
+	.sms-login {
+		width:100%;
+		margin-bottom: 80rpx;
+		cursor: pointer;
+	}
+
+	.sms-text {
+		font-size: 28rpx;
+		color: #8B2316;
+	}
+
+	/* 微信登录 */
+	.wechat-login {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 20rpx;
+		cursor: pointer;
+	}
+
+	.wechat-icon {
+		
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+	}
+
+	.chat-bubble {
+		position: absolute;
+		background-color: white;
+		border-radius: 50%;
+	}
+
+	.chat-bubble-1 {
+		width: 16rpx;
+		height: 16rpx;
+		top: 20rpx;
+		left: 20rpx;
+	}
+
+	.chat-bubble-2 {
+		width: 20rpx;
+		height: 20rpx;
+		top: 30rpx;
+		right: 20rpx;
+	}
+
+	.wechat-text {
+		font-size: 28rpx;
+		color: #8B2316;
+	}
+
+	/* 底部协议 */
+	.agreement-section {
+		padding: 40rpx 60rpx 60rpx;
+	}
+
+	.agreement-content {
+		display: flex;
+		align-items: flex-start;
+		gap: 20rpx;
+	}
+
+	.checkbox {
+		width: 45rpx;
+		height:45rpx;
+		/* border: 2rpx solid #ccc; */
+		border-radius: 50%;
+		display: flex;
+		/* background-size:cover;
+		background: url("@/static/login_new_unselect.png") no-repeat center center; */
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		margin-top: 4rpx;
+		cursor: pointer;
+		transition: all  0.3s ease-in-out;
+	}
+
+	/* .checkbox.checked {
+		background-size:cover;
+		background: url("@/static/login_new_select.png") no-repeat center center;
+	} */
+
+	.checkbox-inner {
+		width: 16rpx;
+		height: 16rpx;
+		background-color: white;
+		border-radius: 50%;
+	}
+
+	.agreement-text {
+		flex: 1;
+		font-size: 24rpx;
+		color: #666;
+		line-height: 1.6;
+	}
+
+	.text-content {
+		color: #666;
+	}
+
+	.link-text {
+		color: #8B2316;
+		
+	}
+
+	/* 响应式调整 */
+	@media (max-width: 750rpx) {
+		.main-content {
+			padding: 80rpx 40rpx 0;
+		}
+
+		.title-text {
+			font-size: 44rpx;
+		}
+
+		.app-icon {
+			width: 100rpx;
+			height: 100rpx;
+		}
+
+		.phone-number {
+			font-size: 36rpx;
+		}
+
+		.login-button {
+			height: 90rpx;
+		}
+
+		.button-text {
+			font-size: 30rpx;
+		}
+
+		.agreement-section {
+			padding: 30rpx 40rpx 50rpx;
+		}
+
+		.agreement-text {
+			font-size: 22rpx;
+		}
+	}
+</style>
+
diff --git a/pages_app/news/news.vue b/pages_app/news/news.vue
new file mode 100644
index 0000000..3989597
--- /dev/null
+++ b/pages_app/news/news.vue
@@ -0,0 +1,37 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="肝胆新闻" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	></uni-nav-bar>
+	<view class="zhinan-page">
+	<view class="news-page">
+		
+	</view>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+	// 返回
+	const goBack = () => {
+		uni.navigateBack({
+			fail() {
+				uni.redirectTo({
+					url: '/pages/index/index'
+				});
+			}
+		});
+	};
+</script>
+
+<style scoped lang="scss">
+.news-page{
+	
+}
+</style>
diff --git a/pages_app/pwdLogin/pwdLogin.vue b/pages_app/pwdLogin/pwdLogin.vue
new file mode 100644
index 0000000..967287f
--- /dev/null
+++ b/pages_app/pwdLogin/pwdLogin.vue
@@ -0,0 +1,487 @@
+<template>
+	<uni-nav-bar title="登录" fixed color="#8B2316" height="160rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
+	<view class="login-container">
+	   
+		<!-- 主要内容区域 -->
+		<view class="main-content" >
+			
+			<!-- 应用图标和名称 -->
+			<view class="app-info">
+				<view class="app-icon">
+					
+						<up-image  :src="logo" width="164rpx" height="167rpx" ></up-image>
+					
+				</view>
+				<text class="app-name">专家端</text>
+			</view>
+           
+			<!-- 手机号输入 -->
+			<view class="input-section">
+				<view class="input-group">
+					<up-image  :src="phoneImg" width="36rpx" height="36rpx" ></up-image>
+					<input 
+						class="phone-input" 
+						type="number" 
+						placeholder="请输入手机号" 
+						v-model="phoneNumber"
+						maxlength="11"
+					/>
+				</view>
+				
+				<!-- 密码输入 -->
+				<view class="input-group">
+					<up-image  :src="pwdImg" width="36rpx" height="36rpx" ></up-image>
+					<input 
+						class="password-input" 
+						type="text" 
+						placeholder="请输入密码" 
+						:password="!showPassword"
+						v-model="password"
+					/>
+					<view class="password-toggle" @click="togglePassword">
+						<up-image  :src="showPassword ? eyeOpenImg : eyeCloseImg" width="36rpx" height="36rpx" ></up-image>
+					</view>
+				</view>
+			</view>
+           
+			<!-- 登录按钮 -->
+			<view class="login-button" @click="onPasswordLogin" >
+				<text class="button-text">登录</text>
+			</view>
+            <view class="sms-login" @click="goSmsLogin">
+				<text class="sms-text">短信验证码登录</text>
+			</view>
+			<!-- 其他登录方式 -->
+			<view class="other-login">
+				
+				
+				<!-- 微信登录 -->
+				<view class="wechat-login" @click="onWechatLogin">
+					<view class="wechat-icon">
+						<up-image  :src="wxImg" width="100rpx" height="100rpx" ></up-image>
+					</view>
+					<text class="wechat-text">微信登录</text>
+				</view>
+			</view>
+			
+		</view>
+		
+
+		<!-- 底部协议 -->
+		<view class="agreement-section">
+			<view class="agreement-content">
+				
+				<view class="checkbox"  @click="toggleAgreement">
+					<up-image  :src="checkImg" width="45rpx" height="45rpx" v-if="!isAgreed"></up-image>
+					<up-image  :src="checkOnImg" width="45rpx" height="45rpx" v-else></up-image>
+				</view>
+				<view class="agreement-text">
+					<text class="text-content">我已阅读并同意</text>
+					<text class="link-text" @click="onServiceTerms">《中国移动认证服务条款》</text>
+					<text class="text-content">和</text>
+					<text class="link-text" @click="onPrivacyPolicy">《肝胆相照隐私政策》</text>
+					<text class="text-content">、</text>
+					<text class="link-text" @click="onUserAgreement">《肝胆相照用户服务协议》</text>
+					<text class="text-content">并使用本机号码登录并注册</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, reactive, onMounted, computed } from 'vue';
+	import { onShow, onLoad } from "@dcloudio/uni-app";
+	import auth from "@/utils/auth";
+    import logo from "@/static/icon_login_logo.png"
+	import wxImg from "@/static/weixin_login.png"
+	import checkImg from "@/static/login_new_unselect.png"
+	import checkOnImg from "@/static/login_new_select.png"
+	import phoneImg from "@/static/phone.png"
+	import pwdImg from "@/static/pwd.png"
+	import eyeOpenImg from "@/static/eye_open.png"
+	import eyeCloseImg from "@/static/eye_close.png"
+	
+	const customStyle = reactive({
+	  height: "100rpx",
+	  fontSize: "36rpx",
+	  backgroundColor:'#8B2316',
+	  borderRadius: '50rpx'
+	});
+	
+	// 协议同意状态
+	const isAgreed = ref(false);
+	
+	// 手机号和密码
+	const phoneNumber = ref('');
+	const password = ref('');
+	
+	// 密码显示状态
+	const showPassword = ref(false);
+	
+	// 是否可以登录
+	const canLogin = computed(() => {
+		return isAgreed.value && phoneNumber.value.length === 11 && password.value.length >= 6;
+	});
+	const goSmsLogin=()=>{
+		uni.redirectTo({
+			url:'/pages_app/smsLogin/smsLogin'
+		})
+	}
+	const alertAgree=()=>{
+	  uni.showToast({
+		title: '请先同意用户协议',
+		icon:'none'
+	  })
+	};
+	
+	// 切换密码显示
+	const togglePassword = () => {
+		showPassword.value = !showPassword.value;
+	};
+
+	// 密码登录
+	const onPasswordLogin = () => {
+		if (!isAgreed.value) {
+			uni.showToast({
+				title: '请先同意相关协议',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (!phoneNumber.value) {
+			uni.showToast({
+				title: '请输入手机号',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (!/^1[3-9]\d{9}$/.test(phoneNumber.value)) {
+			uni.showToast({
+				title: '请输入正确的手机号',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (!password.value) {
+			uni.showToast({
+				title: '请输入密码',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (password.value.length < 6) {
+			uni.showToast({
+				title: '密码长度不能少于6位',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		console.log('密码登录');
+		uni.showLoading({
+			title: '登录中...'
+		});
+		
+		// 模拟登录过程
+		setTimeout(() => {
+			uni.hideLoading();
+			uni.showToast({
+				title: '登录成功',
+				icon: 'success'
+			});
+			
+			// 跳转到首页
+			setTimeout(() => {
+				uni.switchTab({
+					url: '/pages/index/index'
+				});
+			}, 1500);
+		}, 2000);
+	};
+
+	// 微信登录
+	const onWechatLogin = () => {
+		if (!isAgreed.value) {
+			uni.showToast({
+				title: '请先同意相关协议',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		console.log('微信登录');
+		uni.showToast({
+			title: '微信登录功能开发中',
+			icon: 'none'
+		});
+	};
+
+	// 切换协议同意状态
+	const toggleAgreement = () => {
+		isAgreed.value = !isAgreed.value;
+	};
+
+	// 查看服务条款
+	const onServiceTerms = () => {
+		console.log('查看服务条款');
+		uni.navigateTo({
+			url: '/pages_app/agreement/service-terms'
+		});
+	};
+
+	// 查看隐私政策
+	const onPrivacyPolicy = () => {
+		console.log('查看隐私政策');
+		uni.navigateTo({
+			url: '/pages_app/agreement/privacy-policy'
+		});
+	};
+
+	// 查看用户协议
+	const onUserAgreement = () => {
+		console.log('查看用户协议');
+		uni.navigateTo({
+			url: '/pages_app/agreement/user-agreement'
+		});
+	};
+	
+	// 页面加载
+	onLoad(() => {
+		console.log('密码登录页面加载完成');
+	});
+
+	// 页面显示
+	onShow(() => {
+		console.log('密码登录页面显示');
+	});
+
+	// 组件挂载后
+	onMounted(() => {
+		console.log('密码登录页面组件已挂载');
+	});
+</script>
+
+<style>
+	.login-container {
+		min-height: calc(100vh - 160rpx);
+		background-color: #ffffff;
+		display: flex;
+		flex-direction: column;
+	}
+
+	/* 主要内容区域 */
+	.main-content {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 100rpx 60rpx 0;
+	}
+
+	/* 应用信息 */
+	.app-info {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin-bottom: 80rpx;
+	}
+
+	.app-icon {
+		border-radius: 24rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 20rpx;
+		position: relative;
+	}
+
+	.app-name {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #8B2316;
+	}
+
+	/* 输入区域 */
+	.input-section {
+		width: 100%;
+		margin-bottom: 60rpx;
+		border: 2rpx solid #e5e5e5;
+		border-radius: 8rpx;
+	}
+
+	.input-group {
+		display: flex;
+		padding-left: 20rpx;
+		align-items: center;
+	}
+	
+	.input-group:first-child{
+	   border-bottom: 2rpx solid #e5e5e5;
+	}
+
+	.phone-input {
+		width: 100%;
+		height: 80rpx;
+		padding: 0 40rpx;
+		font-size: 32rpx;
+		background-color: #fff;
+		box-sizing: border-box;
+	}
+
+	.password-input {
+		flex: 1;
+		height: 80rpx;
+		padding: 0 40rpx;
+		font-size: 32rpx;
+		background-color: #fff;
+		box-sizing: border-box;
+	}
+
+	.password-toggle {
+		width: 60rpx;
+		height: 80rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+	}
+
+	/* 登录按钮 */
+	.login-button {
+		width: 100%;
+		height: 80rpx;
+		background-color: #8B2316;
+		border-radius: 20rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 10rpx;
+		cursor: pointer;
+		transition: background-color 0.2s ease;
+	}
+
+	.login-button:active {
+		background-color: #6B1A0F;
+	}
+
+	.button-text {
+		font-size: 32rpx;
+		color: white;
+		font-weight: bold;
+	}
+
+	/* 其他登录方式 */
+	.other-login {
+		width: 100%;
+		margin-bottom: 40rpx;
+	}
+
+	/* 微信登录 */
+	.wechat-login {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 20rpx;
+		cursor: pointer;
+	}
+
+	.wechat-icon {
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+	}
+
+	.wechat-text {
+		font-size: 28rpx;
+		color: #8B2316;
+	}
+
+	/* 底部协议 */
+	.agreement-section {
+		padding: 40rpx 60rpx 60rpx;
+	}
+
+	.agreement-content {
+		display: flex;
+		align-items: flex-start;
+		gap: 20rpx;
+	}
+
+	.checkbox {
+		width: 45rpx;
+		height:45rpx;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		margin-top: 4rpx;
+		cursor: pointer;
+		transition: all  0.3s ease-in-out;
+	}
+
+	.agreement-text {
+		flex: 1;
+		font-size: 24rpx;
+		color: #666;
+		line-height: 1.6;
+	}
+
+	.text-content {
+		color: #666;
+	}
+
+	.link-text {
+		color: #8B2316;
+	}
+
+	/* 响应式调整 */
+	@media (max-width: 750rpx) {
+		.main-content {
+			padding: 80rpx 40rpx 0;
+		}
+
+		.app-icon {
+			width: 100rpx;
+			height: 100rpx;
+		}
+
+		.phone-input,
+		.password-input {
+			height: 90rpx;
+		}
+
+		.login-button {
+			height: 90rpx;
+		}
+
+		.button-text {
+			font-size: 30rpx;
+		}
+
+		.agreement-section {
+			padding: 30rpx 40rpx 50rpx;
+		}
+
+		.agreement-text {
+			font-size: 22rpx;
+		}
+	}
+	.sms-login {
+		width:100%;
+		margin-bottom: 0rpx;
+		cursor: pointer;
+	}
+	
+	.sms-text {
+		font-size: 28rpx;
+		color: #8B2316;
+	}
+</style>
\ No newline at end of file
diff --git a/pages_app/qikan/qikan.vue b/pages_app/qikan/qikan.vue
new file mode 100644
index 0000000..db087c1
--- /dev/null
+++ b/pages_app/qikan/qikan.vue
@@ -0,0 +1,694 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="期刊杂志" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	></uni-nav-bar>
+	<view class="qikan-page">
+		<!-- 导航头部 -->
+		
+		
+		<!-- 主要内容区域 -->
+		<view class="main-content">
+			<!-- 标签切换区域 -->
+			<view class="tab-section">
+				<view class="tab-container">
+					<view 
+						class="tab-item" 
+						:class="{ active: activeTab === 'daichawenxian' }"
+						@click="switchTab('daichawenxian')"
+					>
+						<text class="tab-text">代查文献</text>
+						<view class="tab-underline" >
+							<up-image  :src="activeImg" width="48rpx" height="18rpx" v-if="activeTab === 'daichawenxian'"></up-image>
+						</view>
+					</view>
+					<view 
+						class="tab-item" 
+						:class="{ active: activeTab === 'yingwenwenxian' }"
+						@click="switchTab('yingwenwenxian')"
+					>
+						<text class="tab-text">英文文献</text>
+						<view class="tab-underline">
+							<up-image  :src="activeImg" width="48rpx" height="18rpx"  v-if="activeTab === 'yingwenwenxian'"></up-image>
+						</view>
+					</view>
+				</view>
+			</view>
+			
+			<!-- 代查文献内容 -->
+			<view class="content-section" v-if="activeTab === 'daichawenxian'">
+				<!-- 顶部图标和说明 -->
+				
+				 <up-image  :src="paperImg" width="100%" ></up-image>
+				<!-- 表单区域 -->
+				<view class="form-section">
+					<!-- 接收邮箱 -->
+					<view class="form-group formemail">
+						<view class="form-label">
+							<text>接收邮箱</text>
+							<text class="required">*</text>
+						</view>
+						<view class="input-container">
+							<input 
+								class="form-input"
+								type="text"
+								placeholder="请输入文献接收邮箱"
+								v-model="formData.email"
+							/>
+						</view>
+					</view>
+					<!-- 文献单元列表 -->
+					<view 
+						class="from-cell literature-item" 
+						v-for="(literature, index) in literatureList" 
+						:key="literature.id"
+					>
+						<!-- 文献类型标签 -->
+						<view class="form-group wenxian">
+							<view class="tag-container">
+								<view class="tag-item active">文献{{ index + 1 }}</view>
+							</view>
+						</view>
+						
+						<view class="formbox">
+							<!-- 文献名称 -->
+							<view class="form-group">
+								<view class="form-label">
+									<text>文献名称</text>
+									<text class="required">*</text>
+								</view>
+								<view class="input-container">
+									<textarea 
+										class="form-textarea"
+										type="text"
+										placeholder="不支持关键字/广泛查询"
+										v-model="literature.literatureName"
+									/>
+								</view>
+							</view>
+							
+							<!-- 作者 -->
+							<view class="form-group">
+								<view class="form-label">
+									<text>作者</text>
+								</view>
+								<view class="input-container">
+									<input 
+										class="form-input"
+										type="text"
+										placeholder="请输入作者姓名"
+										v-model="literature.author"
+									/>
+								</view>
+							</view>
+							
+							<!-- 期刊名称 -->
+							<view class="form-group">
+								<view class="form-label">
+									<text>期刊名称</text>
+								</view>
+								<view class="input-container">
+									<input 
+										class="form-input"
+										type="text"
+										placeholder="请输入期刊名称"
+										v-model="literature.journalName"
+									/>
+								</view>
+							</view>
+						</view>
+						
+						<!-- 删除按钮 -->
+						<view class="delbox" v-if="literatureList.length > 1" @click="removeLiterature(index)">
+							<up-image :src="delImg" width="40rpx" height="52rpx"></up-image>
+						</view>
+						
+						<!-- 文献分隔线 -->
+						<view class="literature-divider" v-if="index < literatureList.length - 1"></view>
+					</view>
+					<!-- 添加代查文献按钮 -->
+					<view class="add-literature-section" v-if="literatureList.length < 5">
+						<view class="add-button" @click="addLiterature">
+							<up-icon name="plus" size="18" color="#4A90E2"></up-icon>
+							<text class="add-text">添加代查文献</text>
+						</view>
+						<view class="limit-tip">
+							<view class="imgbox">
+								<up-image :src="countImg" width="186rpx" height="74rpx"></up-image>
+							</view>
+							<view class="count">还可添加{{ 5 - literatureList.length }}篇</view>
+						</view>
+					</view>
+				</view>
+				
+				<!-- 常见问题 -->
+				<view class="faq-section">
+					<up-image  :src="questionImg" width="100%" mode="widtFix"></up-image>
+					
+				</view>
+				<view class="tips">
+					<view class="title">注意</view>
+					<view class="row">每次至多提交5篇文献代查</view>
+					<view class="row">每篇文献代查消耗50肝胆积分，代查成功后扣除</view>
+					<view class="row">不支持模糊代查，请尽可能详细提供所需文献信息</view>
+				</view>
+				<view class="btnbox">
+					<up-image  :src="submitImg" width="100%" height="160rpx" mode="widtFix"></up-image>
+					
+				</view>
+			</view>
+			
+			<!-- 英文文献内容（暂时显示占位内容） -->
+			<view class="content-section" v-if="activeTab === 'yingwenwenxian'">
+				<view class="placeholder-content">
+					<uni-icons type="info" size="60" color="#999"></uni-icons>
+					<text class="placeholder-text">英文文献功能正在开发中...</text>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 底部导航 -->
+		<view class="bottom-tabbar">
+			<view class="tab-item active" @click="switchTab('zhinan')">
+				<text class="tab-text active">诊疗指南</text>
+			</view>
+			<view class="tab-item" @click="switchTab('qikan')">
+				<text class="tab-text">期刊杂志</text>
+			</view>
+			<view class="tab-item" @click="switchTab('tools')">
+				<text class="tab-text">常用工具</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+	import paperImg from "@/static/paper_bg.png"
+	import activeImg from "@/static/route.png"
+	import emailImg from "@/static/email_bg.png"
+	import countImg from "@/static/sheng_bg.png"
+	import questionImg from "@/static/paper_question.png"
+	import submitImg from "@/static/paper_submit.png"
+	import delImg from "@/static/delete_paper.png"
+	// 响应式数据
+	const activeTab = ref('daichawenxian');
+	
+	// 表单数据
+	const formData = ref({
+		email: '',
+		literatureName: '',
+		author: '',
+		journalName: ''
+	});
+	
+	// 文献列表数据
+	const literatureList = ref([
+		{
+			id: 1,
+			literatureName: '',
+			author: '',
+			journalName: ''
+		}
+	]);
+	
+	// 常见问题数据
+	const faqList = ref([
+		{
+			question: '如何查找文献？',
+			answer: '请提供准确的文献标题、作者和期刊信息，我们将为您查找并发送到指定邮箱。',
+			expanded: false
+		},
+		{
+			question: '查找需要多长时间？',
+			answer: '通常在1-3个工作日内完成文献查找并发送到您的邮箱。',
+			expanded: false
+		},
+		{
+			question: '支持哪些文献类型？',
+			answer: '支持国内外期刊论文、会议论文、学位论文等多种文献类型。',
+			expanded: false
+		}
+	]);
+	
+	// 切换顶部标签
+	const switchTab = (tab) => {
+		activeTab.value = tab;
+	};
+	
+	// 切换底部导航
+	const switchBottomTab = (tab) => {
+		if (tab === 'zhinan') {
+			uni.navigateTo({
+				url: '/pages_app/zhinan/zhinan'
+			});
+		} else if (tab === 'tools') {
+			uni.showToast({
+				title: '功能开发中',
+				icon: 'none'
+			});
+		}
+	};
+	
+	// 添加文献
+	const addLiterature = () => {
+		if (literatureList.value.length >= 5) {
+			uni.showToast({
+				title: '最多只能添加5篇文献',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		const newLiterature = {
+			id: Date.now(), // 使用时间戳作为唯一ID
+			literatureName: '',
+			author: '',
+			journalName: ''
+		};
+		
+		literatureList.value.push(newLiterature);
+		
+		uni.showToast({
+			title: '添加成功',
+			icon: 'success'
+		});
+	};
+	
+	// 删除文献
+	const removeLiterature = (index) => {
+		if (literatureList.value.length <= 1) {
+			uni.showToast({
+				title: '至少保留一篇文献',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		literatureList.value.splice(index, 1);
+		
+		uni.showToast({
+			title: '删除成功',
+			icon: 'success'
+		});
+	};
+	
+	// 切换FAQ展开状态
+	const toggleFaq = (index) => {
+		faqList.value[index].expanded = !faqList.value[index].expanded;
+	};
+	
+	// 返回上一页
+	const goBack = () => {
+		const pages = getCurrentPages();
+		if (pages.length > 1) {
+			uni.navigateBack();
+		} else {
+			uni.switchTab({
+				url: '/pages/index/index'
+			});
+		}
+	};
+	
+	// 页面显示时的处理
+	onShow(() => {
+		console.log('期刊杂志页面显示');
+	});
+</script>
+
+<style lang="scss" scoped>
+// SCSS Variables
+$primary-color: #8B2316;
+$accent-color: #4A90E2;
+$bg-color: #f5f5f5;
+$white: #fff;
+$text-primary: #333;
+$text-secondary: #666;
+$text-light: #999;
+$border-color: #e0e0e0;
+$nav-height: 140rpx;
+
+.qikan-page {
+	background:#f6f6f6;
+	min-height: 100vh;
+	padding-top:0rpx;
+	padding-bottom: 100rpx; // 为底部导航预留空间
+}
+
+.main-content {
+	flex: 1;
+}
+
+// 标签切换区域 - 固定在顶部
+.tab-section {
+	position: fixed;
+	top: $nav-height; // 140rpx
+	left: 0;
+	right: 0;
+	z-index: 80;
+	background-color: #a5d9fe;
+	padding: 0 30rpx;
+	
+	
+	.tab-container {
+		display: flex;
+		align-items: center;
+		height: 100rpx;
+		
+		.tab-item {
+			position: relative;
+			margin-right: 60rpx;
+			padding: 20rpx 0;
+			
+			.tab-text {
+				font-size: 32rpx;
+				color: $text-secondary;
+				font-weight: 500;
+			}
+			
+			&.active {
+				.tab-text {
+					color: $primary-color;
+					font-weight: 600;
+				}
+			}
+			
+			.tab-underline {
+				position: absolute;
+				bottom:15rpx;
+				left: 50%;
+				right: 0;
+				transform: translateX(-50%);
+				height: 18rpx;
+				
+				
+			}
+		}
+	}
+}
+
+// 内容区域
+.content-section {
+	background-color: $bg-color;
+	min-height: calc(100vh - 340rpx);
+	margin-top: 100rpx; // 为固定的标签切换区域留出空间
+}
+
+// 头部横幅
+.header-banner {
+	background: linear-gradient(135deg, #87CEEB, #B0E0E6);
+	margin: 20rpx 30rpx;
+	border-radius: 20rpx;
+	padding: 40rpx 30rpx;
+	
+	.banner-content {
+		display: flex;
+		align-items: center;
+		
+		.icon-container {
+			position: relative;
+			margin-right: 30rpx;
+			
+			.sparkle-icon {
+				position: absolute;
+				top: -10rpx;
+				right: -10rpx;
+				font-size: 24rpx;
+			}
+		}
+		
+		.banner-text {
+			flex: 1;
+			
+			.main-title {
+				font-size: 48rpx;
+				font-weight: bold;
+				color: $text-primary;
+				margin-bottom: 10rpx;
+			}
+			
+			.sub-title {
+				font-size: 24rpx;
+				color: $text-secondary;
+				line-height: 1.4;
+			}
+		}
+	}
+}
+
+// 表单区域
+.form-section {
+	
+	margin: -156rpx 30rpx  20rpx;
+	border-radius: 20rpx;
+	padding: 0rpx 0rpx ;
+	.wenxian{
+		margin-top: 40rpx;
+		
+		
+		overflow: hidden;
+	}
+	.from-cell{
+		position: relative;
+		.delbox{
+			top:10rpx;
+			right:30rpx;
+			position: absolute;
+		}
+	}
+	.formbox{
+		padding:30rpx 30rpx 30rpx;
+		background:#fff url("@/static/email_bg.png") no-repeat 0rpx 0;
+		background-size: 100% 148rpx;
+		border-radius: 10rpx;
+		position: relative;
+		z-index:8;
+	}
+	.formemail{
+		padding:0 30rpx;
+		height: 148rpx;
+		display: flex;
+		align-items:center;
+		border-radius: 20rpx;
+		background:#fff url("@/static/email_bg.png") no-repeat 0rpx 0!important;
+		background-size: cover!important;
+	}
+	
+	// 文献分隔线
+	.literature-divider {
+		height: 20rpx;
+		margin: 20rpx 0;
+		background-color: #f0f0f0;
+		border-radius: 10rpx;
+	}
+	
+	.form-group {
+	
+		margin-bottom: 40rpx;
+		display: flex;
+		
+		background-size: 100% 652rpx;
+		overflow: hidden;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		
+		.form-label {
+			display: flex;
+			align-items: center;
+			width:160rpx;
+			font-size: 28rpx;
+			color: $text-primary;
+			font-weight: 500;
+			
+			.required {
+				color: #ff4757;
+				margin-left: 8rpx;
+			}
+		}
+		
+		.input-container {
+			flex:1;
+			.form-input,.form-textarea{
+				width: 100%;
+				height: 80rpx;
+				padding: 0 20rpx;
+				background:#f6f6f6;
+				border: 2rpx solid $border-color;
+				border-radius: 12rpx;
+				font-size: 28rpx;
+				color: $text-primary;
+				background-color: $white;
+				box-sizing: border-box;
+				&::placeholder {
+					color: $text-light;
+				}
+				
+				&:focus {
+					border-color: $accent-color;
+				}
+			}
+			.form-textarea{
+				padding:20rpx;
+				height: 200rpx;
+			}
+		}
+		
+		.tag-container {
+			.tag-item {
+				display: inline-block;
+				padding: 16rpx 32rpx;
+				background-color: #008aff;
+				color: $white;
+				border-radius: 10rpx 10rpx 0 0;
+				font-size: 24rpx;
+				font-weight: 500;
+			}
+		}
+	}
+	.from-cell .form-group:nth-child(1){
+		margin-bottom: 0;
+	}
+	.formbox  .form-group:nth-child(1){
+		margin-bottom: 40rpx;
+	}
+	
+}
+
+// 添加文献区域
+.add-literature-section {
+	position: relative;
+	margin-top: 40rpx;
+	padding-top: 40rpx;
+	border-top: 2rpx solid $border-color;
+	
+	.add-button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: 80rpx;
+		margin:0 20rpx;
+		border: 2rpx solid #0197f1;
+		border-radius:40rpx;
+		background-color: rgba(74, 144, 226, 0.05);
+		
+		.add-text {
+			margin-left: 10rpx;
+			font-size: 28rpx;
+			color: #0197f1;
+			font-weight: 500;
+		}
+	}
+	
+	.limit-tip {
+		position: absolute;
+		right:0;
+		top:-10rpx;
+		text-align: center;
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		color: #fff;
+		
+	    width: 186rpx;
+		height:74rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		box-sizing: border-box;
+		.imgbox{
+			top:0;
+			position: absolute;
+		}
+		.count{
+			margin-top: -20rpx;
+			position: relative;
+			z-index:3;
+		}
+	}
+}
+
+// 常见问题区域
+.faq-section {
+	margin: 0rpx 30rpx;
+	background-color: $white;
+	border-radius: 20rpx;
+	padding: 1rpx 1rpx;
+	
+}
+.tips{
+	font-size: 24rpx;
+	margin:30rpx 30rpx;
+	color:#999;
+}
+.btnbox{
+  margin:0 30rpx;
+}
+// 占位内容
+.placeholder-content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	height: 400rpx;
+	
+	.placeholder-text {
+		margin-top: 30rpx;
+		font-size: 28rpx;
+		color: $text-light;
+	}
+}
+
+
+// 底部导航
+.bottom-tabbar {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 100rpx;
+	background-color: $white;
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	border-top: 1rpx solid #f0f0f0;
+	z-index: 100;
+
+	.tab-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		flex: 1;
+		height: 100rpx;
+		gap: 8rpx;
+         &.active {
+				color: #fff;
+				background-color: #8B2316;
+			}
+		.tab-icon {
+			width: 44rpx;
+			height: 44rpx;
+		}
+
+		.tab-text {
+			font-size: 32rpx;
+			color: $text-secondary;
+			&.active {
+							color: #fff;
+							
+						}
+		}
+	}
+	.tab-item:nth-child(2){
+		border-right: 2rpx solid #eee;
+		border-left: 2rpx solid #eee;
+	}
+}
+</style>
diff --git a/pages_app/search/search.vue b/pages_app/search/search.vue
new file mode 100644
index 0000000..2dd3c30
--- /dev/null
+++ b/pages_app/search/search.vue
@@ -0,0 +1,357 @@
+<template>
+	<view class="search-container">
+		<!-- 头部搜索栏 -->
+		<view class="search-header">
+			<view class="back-icon" @click="goBack">
+				<uni-icons type="left" size="30" color="#8B2316"></uni-icons>
+			</view>
+			<view class="search-input-wrapper">
+				<view class="search-icon">
+					<uni-icons type="search" size="20" color="#999"></uni-icons>
+				</view>
+				<input 
+					class="search-input" 
+					placeholder="搜索视频、精品课、课件、指南等" 
+					v-model="searchKeyword"
+					@input="onSearchInput"
+					@confirm="onSearchConfirm"
+					confirm-type="search"
+				/>
+				<view class="clear-icon" v-if="searchKeyword" @click="clearSearch">
+					<uni-icons type="clear" size="20" color="#999"></uni-icons>
+				</view>
+			</view>
+			<view class="cancel-btn" @click="goBack">
+				<text class="cancel-text">搜索</text>
+			</view>
+		</view>
+
+		
+
+		<!-- 搜索分类 -->
+		<view class="search-categories" >
+			<view class="category-header">
+				<text class="category-title">点击图标选择类型</text>
+			</view>
+			<view class="category-grid">
+				<view 
+					class="category-item" 
+					v-for="(item, index) in categoryList" 
+					:key="index"
+					@click="onCategoryClick(index)"
+				>
+					<view class="category-icon">
+						<up-image  :src="item.icon" width="60rpx" height="60rpx" v-if="tab!=index"></up-image>
+						<up-image  :src="item.activeIcon" width="60rpx" height="60rpx" v-else></up-image>
+					</view>
+					<text class="category-text">{{ item.name }}</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, reactive, onMounted } from 'vue';
+	import { onShow, onLoad } from "@dcloudio/uni-app";
+    import video  from "@/static/item_video_no.png"
+	import videoOn  from "@/static/item_video_pass.png"
+	import videoPatient  from "@/static/patient_video_no.png"
+	import videoPatientOn  from "@/static/patient_video_yes.png"
+	import news  from "@/static/item_news_no.png"
+	import newsOn  from "@/static/item_news_pass.png"
+	import kepu  from "@/static/item_science_no.png"
+	import kepuOn  from "@/static/item_science_pass.png"
+	import zhinan  from "@/static/item_drug_no.png"
+	import zhinanOn  from "@/static/item_drug_pass.png"
+	import course  from "@/static/jingpin_no.png"
+	import courseOn  from "@/static/jingpin_yes.png"
+	import ppt  from "@/static/course_no.png"
+	import pptOn  from "@/static/course_yes.png"
+	import patient  from "@/static/item_patient_no.png"
+	import patientOn  from "@/static/item_patient_yes.png"
+	import hospital  from "@/static/item_hospital_no.png"
+	import hospitalOn  from "@/static/item_hospital_yes.png"
+	import department  from "@/static/item_department_no.png"
+	import departmentOn  from "@/static/item_department_yes.png"
+	import doctor  from "@/static/item_doctor_no.png"
+	import doctorOn  from "@/static/item_doctor_yes.png"
+	import mall  from "@/static/item_mall_no.png"
+	import mallOn  from "@/static/item_mall_yes.png"
+	const tab=ref(-1);
+	// 搜索关键词
+	const searchKeyword = ref('');
+	
+	// 热门搜索
+	const hotSearchList = ref([
+		'肝病治疗指南', '肝硬化诊断', '肝炎预防', '肝癌早期症状',
+		'肝功能检查', '肝移植', '肝病饮食', '肝病用药'
+	]);
+	
+	// 搜索分类
+	const categoryList = reactive([
+		{ name: '会议视频', icon: video,activeIcon:videoOn, type: 'video',},
+		{ name: '患教视频', icon: videoPatient,activeIcon:videoPatientOn,type: 'videoPatient' },
+		{ name: '新闻', icon:news,activeIcon:newsOn,type: 'news' },
+		{ name: '科普', icon: kepu,activeIcon:kepuOn, type: 'kepu' },
+		{ name: '指南', icon:zhinan, activeIcon:zhinanOn,type: 'zhinan' },
+		{ name: '精品课', icon:course,activeIcon:courseOn, type: 'course' },
+		{ name: '肝胆课件', icon:ppt,activeIcon:pptOn, type: 'ppt' },
+		{ name: '患者', icon:patient, patientIcon:videoOn,type: 'patient' },
+		{ name: '名院', icon:doctor,activeIcon:doctorOn, type: 'doctor' },
+		{ name: '名科', icon:department,activeIcon:departmentOn, type: 'department' },
+		{ name: '名医', icon:doctor, activeIcon:doctorOn,type: 'doctor' },
+		{ name: '积分商城', icon:mall,activeIcon:mallOn, type: 'mall' }
+	]);
+	
+	// 搜索输入
+	const onSearchInput = (e) => {
+		searchKeyword.value = e.detail.value;
+	};
+
+	// 搜索确认
+	const onSearchConfirm = () => {
+		if (searchKeyword.value.trim()) {
+			uni.showToast({
+				title: `搜索：${searchKeyword.value}`,
+				icon: 'none'
+			});
+		}
+	};
+
+	// 清空搜索
+	const clearSearch = () => {
+		searchKeyword.value = '';
+	};
+
+	// 点击热门搜索
+	const onHotSearchClick = (keyword) => {
+		searchKeyword.value = keyword;
+		uni.showToast({
+			title: `搜索：${keyword}`,
+			icon: 'none'
+		});
+	};
+
+	// 点击分类
+	const onCategoryClick = (index) => {
+		tab.value=index;
+		
+		// 这里可以根据分类进行搜索
+	};
+
+	// 返回
+	const goBack = () => {
+		uni.navigateBack({
+			delta:1,
+			fail(){
+				uni.redirectTo({
+					url:'/pages/index/index'
+				})
+			}
+		});
+	};
+
+	// 页面加载
+	onLoad(() => {
+		console.log('搜索页面加载完成');
+	});
+
+	// 页面显示
+	onShow(() => {
+		console.log('搜索页面显示');
+	});
+</script>
+
+<style lang="scss">
+	.search-container {
+		min-height: calc(100vh - 140rpx);
+		background-color: #fff;
+	}
+
+	// 头部搜索栏
+	.search-header {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 100;
+		background-color: #eeeeee;
+		
+		display: flex;
+		height:140rpx;
+		align-items: center;
+		padding:0 30rpx;
+		gap: 20rpx;
+		
+
+		.search-input-wrapper {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			background-color: #fff;
+			border-radius: 20rpx;
+			padding: 0 20rpx;
+			height:70rpx;
+
+			.search-icon {
+				margin-right: 15rpx;
+			}
+
+			.search-input {
+				flex: 1;
+				height: 80rpx;
+				
+				font-size: 28rpx;
+				color: #333;
+			}
+
+			.clear-icon {
+				margin-left: 15rpx;
+				padding: 10rpx;
+			}
+		}
+
+		.cancel-btn {
+			padding: 10rpx 20rpx;
+			background:#8B2316;
+			border-radius: 10rpx;
+
+			.cancel-text {
+				font-size: 28rpx;
+				color: #fff;
+			}
+		}
+	}
+
+	// 热门搜索
+	.hot-search {
+		margin-top: 20rpx;
+		padding: 30rpx;
+		background-color: #fff;
+
+		.hot-header {
+			margin-bottom: 30rpx;
+
+			.hot-title {
+				font-size: 32rpx;
+				font-weight: bold;
+				color: #333;
+			}
+		}
+
+		.hot-tags {
+			display: flex;
+			flex-wrap: wrap;
+			gap: 20rpx;
+
+			.hot-tag {
+				padding: 15rpx 25rpx;
+				background-color: #fff5f5;
+				border: 2rpx solid #ffebeb;
+				border-radius: 25rpx;
+				cursor: pointer;
+				transition: all 0.2s ease;
+
+				&:active {
+					background-color: #ffe0e0;
+					border-color: #ffcccc;
+				}
+
+				.tag-text {
+					font-size: 26rpx;
+					color: #8B2316;
+				}
+			}
+		}
+	}
+
+	// 搜索分类
+	.search-categories {
+		margin-top: 140rpx;
+		padding: 30rpx;
+		
+		background-color: #fff;
+
+		.category-header {
+			margin-bottom: 30rpx;
+             display: flex;
+			 justify-content: center;
+			.category-title {
+				font-size: 30rpx;
+				text-align: center;
+				color: #999;
+			}
+		}
+
+		.category-grid {
+			display: grid;
+			
+			grid-template-columns: repeat(4, 1fr);
+			gap: 40rpx;
+
+			.category-item {
+				background-color: #fff;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				padding: 30rpx 20rpx;
+				border-radius: 20rpx;
+				cursor: pointer;
+				transition: all 0.2s ease;
+
+				&:active {
+					background-color: #f0f0f0;
+					transform: scale(0.98);
+				}
+
+				.category-icon {
+					margin-bottom: 15rpx;
+				}
+
+				.category-text {
+					font-size: 26rpx;
+					color: #333;
+					text-align: center;
+				}
+			}
+		}
+	}
+
+	// 响应式调整
+	@media (max-width: 750rpx) {
+		.search-header {
+			padding: 15rpx 20rpx;
+
+			.search-input-wrapper {
+				height: 70rpx;
+
+				.search-input {
+					height: 70rpx;
+					font-size: 26rpx;
+				}
+			}
+
+			.cancel-text {
+				font-size: 26rpx;
+			}
+		}
+
+		.hot-search,
+		.search-categories {
+			padding: 20rpx;
+		}
+
+		.category-grid {
+			gap: 20rpx;
+
+			.category-item {
+				padding: 20rpx 15rpx;
+
+				.category-text {
+					font-size: 24rpx;
+				}
+			}
+		}
+	}
+</style>
diff --git a/pages_app/smsLogin/smsLogin.vue b/pages_app/smsLogin/smsLogin.vue
new file mode 100644
index 0000000..f542595
--- /dev/null
+++ b/pages_app/smsLogin/smsLogin.vue
@@ -0,0 +1,593 @@
+<template>
+	<uni-nav-bar title="登录" fixed color="#8B2316" height="160rpx" :border="false" backgroundColor="#eeeeee"></uni-nav-bar>
+	<view class="login-container">
+	   
+		<!-- 主要内容区域 -->
+		<view class="main-content" >
+			
+			<!-- 应用图标和名称 -->
+			<view class="app-info">
+				<view class="app-icon">
+					
+						<up-image  :src="logo" width="164rpx" height="167rpx" ></up-image>
+					
+				</view>
+				<text class="app-name">专家端</text>
+			</view>
+           
+			<!-- 手机号输入 -->
+			<view class="input-section">
+				<view class="input-group">
+					<up-image  :src="phoneImg" width="36rpx" height="36rpx" ></up-image>
+					<input 
+						class="phone-input" 
+						type="number" 
+						placeholder="请输入手机号" 
+						v-model="phoneNumber"
+						maxlength="11"
+					/>
+				</view>
+				
+				<!-- 验证码输入 -->
+				<view class="input-group">
+					<up-image  :src="smsImg" width="36rpx" height="36rpx" ></up-image>
+					<view class="code-input-container">
+						<input 
+							class="code-input" 
+							type="number" 
+							placeholder="请输入验证码" 
+							v-model="smsCode"
+							maxlength="6"
+						/>
+						<view class="send-code-btn" @click="sendSmsCode" :class="{ disabled: isCountingDown }">
+							<text class="send-code-text">{{ countdownText }}</text>
+						</view>
+					</view>
+				</view>
+			</view>
+           
+			<!-- 登录按钮 -->
+			<view class="login-button" @click="goPwdLogin" >
+				<text class="button-text">登录</text>
+			</view>
+             <view class="sms-login" @click="goPwdLogin">
+				<text class="sms-text">账号密码登录</text>
+			</view>
+			<!-- 其他登录方式 -->
+			<view class="other-login">
+				
+				
+				<!-- 微信登录 -->
+				<view class="wechat-login" @click="onWechatLogin">
+					<view class="wechat-icon">
+						<up-image  :src="wxImg" width="100rpx" height="100rpx" ></up-image>
+					</view>
+					<text class="wechat-text">微信登录</text>
+				</view>
+			</view>
+			
+		</view>
+		
+
+		<!-- 底部协议 -->
+		<view class="agreement-section">
+			<view class="agreement-content">
+				
+				<view class="checkbox"  @click="toggleAgreement">
+					<up-image  :src="checkImg" width="45rpx" height="45rpx" v-if="!isAgreed"></up-image>
+					<up-image  :src="checkOnImg" width="45rpx" height="45rpx" v-else></up-image>
+				</view>
+				<view class="agreement-text">
+					<text class="text-content">我已阅读并同意</text>
+					<text class="link-text" @click="onServiceTerms">《中国移动认证服务条款》</text>
+					<text class="text-content">和</text>
+					<text class="link-text" @click="onPrivacyPolicy">《肝胆相照隐私政策》</text>
+					<text class="text-content">、</text>
+					<text class="link-text" @click="onUserAgreement">《肝胆相照用户服务协议》</text>
+					<text class="text-content">并使用本机号码登录并注册</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, reactive, onMounted, computed } from 'vue';
+	import { onShow, onLoad } from "@dcloudio/uni-app";
+	import auth from "@/utils/auth";
+    import logo from "@/static/icon_login_logo.png"
+	import wxImg from "@/static/weixin_login.png"
+	import checkImg from "@/static/login_new_unselect.png"
+	import checkOnImg from "@/static/login_new_select.png"
+	import phoneImg from "@/static/phone.png"
+	import smsImg from "@/static/sms.png"
+	import pwdImg from "@/static/pwd.png"
+	
+	const customStyle = reactive({
+	  height: "100rpx",
+	  fontSize: "36rpx",
+	  backgroundColor:'#8B2316',
+	  borderRadius: '50rpx'
+	});
+	
+	// 协议同意状态
+	const isAgreed = ref(false);
+	
+	// 手机号和验证码
+	const phoneNumber = ref('');
+	const smsCode = ref('');
+	
+	// 倒计时相关
+	const isCountingDown = ref(false);
+	const countdown = ref(0);
+	const countdownText = computed(() => {
+		if (isCountingDown.value) {
+			return `${countdown.value}s后重发`;
+		}
+		return '获取验证码';
+	});
+	
+	// 是否可以登录
+	const canLogin = computed(() => {
+		return isAgreed.value && phoneNumber.value.length === 11 && smsCode.value.length === 6;
+	});
+	const goPwdLogin=()=>{
+		uni.redirectTo({
+			url:'/pages_app/pwdLogin/pwdLogin'
+		})
+	}
+	const alertAgree=()=>{
+	  uni.showToast({
+		title: '请先同意用户协议',
+		icon:'none'
+	  })
+	};
+	
+	// 发送验证码
+	const sendSmsCode = () => {
+		if (isCountingDown.value) {
+			return;
+		}
+		
+		if (!phoneNumber.value) {
+			uni.showToast({
+				title: '请输入手机号',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (!/^1[3-9]\d{9}$/.test(phoneNumber.value)) {
+			uni.showToast({
+				title: '请输入正确的手机号',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		// 开始倒计时
+		isCountingDown.value = true;
+		countdown.value = 60;
+		
+		const timer = setInterval(() => {
+			countdown.value--;
+			if (countdown.value <= 0) {
+				clearInterval(timer);
+				isCountingDown.value = false;
+			}
+		}, 1000);
+		
+		// 模拟发送验证码
+		uni.showToast({
+			title: '验证码已发送',
+			icon: 'success'
+		});
+		
+		// 这里应该调用实际的发送验证码API
+		console.log('发送验证码到:', phoneNumber.value);
+	};
+
+	// 短信验证码登录
+	const onSmsLogin = () => {
+		if (!isAgreed.value) {
+			uni.showToast({
+				title: '请先同意相关协议',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (!phoneNumber.value) {
+			uni.showToast({
+				title: '请输入手机号',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (!/^1[3-9]\d{9}$/.test(phoneNumber.value)) {
+			uni.showToast({
+				title: '请输入正确的手机号',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (!smsCode.value) {
+			uni.showToast({
+				title: '请输入验证码',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		if (smsCode.value.length !== 6) {
+			uni.showToast({
+				title: '请输入6位验证码',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		console.log('短信验证码登录');
+		uni.showLoading({
+			title: '登录中...'
+		});
+		
+		// 模拟登录过程
+		setTimeout(() => {
+			uni.hideLoading();
+			uni.showToast({
+				title: '登录成功',
+				icon: 'success'
+			});
+			
+			// 跳转到首页
+			setTimeout(() => {
+				uni.switchTab({
+					url: '/pages/index/index'
+				});
+			}, 1500);
+		}, 2000);
+	};
+
+	// 微信登录
+	const onWechatLogin = () => {
+		if (!isAgreed.value) {
+			uni.showToast({
+				title: '请先同意相关协议',
+				icon: 'none'
+			});
+			return;
+		}
+		
+		console.log('微信登录');
+		uni.showToast({
+			title: '微信登录功能开发中',
+			icon: 'none'
+		});
+	};
+
+	// 切换协议同意状态
+	const toggleAgreement = () => {
+		isAgreed.value = !isAgreed.value;
+	};
+
+	// 查看服务条款
+	const onServiceTerms = () => {
+		console.log('查看服务条款');
+		uni.navigateTo({
+			url: '/pages_app/agreement/service-terms'
+		});
+	};
+
+	// 查看隐私政策
+	const onPrivacyPolicy = () => {
+		console.log('查看隐私政策');
+		uni.navigateTo({
+			url: '/pages_app/agreement/privacy-policy'
+		});
+	};
+
+	// 查看用户协议
+	const onUserAgreement = () => {
+		console.log('查看用户协议');
+		uni.navigateTo({
+			url: '/pages_app/agreement/user-agreement'
+		});
+	};
+	
+	// 页面加载
+	onLoad(() => {
+		console.log('短信登录页面加载完成');
+	});
+
+	// 页面显示
+	onShow(() => {
+		console.log('短信登录页面显示');
+	});
+
+	// 组件挂载后
+	onMounted(() => {
+		console.log('短信登录页面组件已挂载');
+	});
+</script>
+
+<style>
+	.login-container {
+		min-height: calc(100vh - 160rpx);
+		background-color: #ffffff;
+		display: flex;
+		flex-direction: column;
+	}
+
+	/* 主要内容区域 */
+	.main-content {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 100rpx 60rpx 0;
+	}
+
+	/* 应用信息 */
+	.app-info {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin-bottom: 80rpx;
+	}
+
+	.app-icon {
+		border-radius: 24rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 20rpx;
+		position: relative;
+	}
+
+	.app-name {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #8B2316;
+	}
+
+	/* 输入区域 */
+	.input-section {
+		width: 100%;
+		margin-bottom: 60rpx;
+		border: 2rpx solid #e5e5e5;
+		border-radius: 8rpx;
+	}
+
+	.input-group {
+		display: flex;
+		padding-left: 20rpx;
+		align-items: center;
+	
+		
+	}
+   .input-group:first-child{
+	   border-bottom: 2rpx solid #e5e5e5;
+   }
+	.input-label {
+		display: block;
+		font-size: 28rpx;
+		color: #333;
+		margin-bottom: 20rpx;
+		font-weight: 500;
+	}
+
+	.phone-input {
+		width: 100%;
+		height: 80rpx;
+		
+	
+		padding: 0 40rpx;
+		font-size: 32rpx;
+		background-color: #fff;
+		box-sizing: border-box;
+	}
+
+	.code-input-container {
+		display: flex;
+		align-items: center;
+		gap: 20rpx;
+	}
+
+	.code-input {
+		flex: 1;
+		height: 80rpx;
+		
+		border-radius: 50rpx;
+		padding: 0 40rpx;
+		font-size: 32rpx;
+		background-color: #fff;
+		box-sizing: border-box;
+	}
+
+	.send-code-btn {
+		width: 200rpx;
+		height: 44rpx;
+		background-color: #fff;
+		border-radius: 50rpx;
+		margin-right: 10px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		border: 2rpx solid #8B2316;
+		transition: background-color 0.2s ease;
+	}
+
+	.send-code-btn.disabled {
+		background-color: #ccc;
+		cursor: not-allowed;
+	}
+
+	.send-code-text {
+		font-size: 25rpx;
+		color:#8B2316;
+		
+	}
+
+	/* 登录按钮 */
+	.login-button {
+		width: 100%;
+		height: 80rpx;
+		background-color: #8B2316;
+		border-radius: 20rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 10rpx;
+		cursor: pointer;
+		transition: background-color 0.2s ease;
+	}
+
+	.login-button.disabled {
+		background-color: #ccc;
+		cursor: not-allowed;
+	}
+
+	.login-button:active:not(.disabled) {
+		background-color: #6B1A0F;
+	}
+
+	.button-text {
+		font-size: 32rpx;
+		color: white;
+		font-weight: bold;
+	}
+
+	/* 其他登录方式 */
+	.other-login {
+		width: 100%;
+		margin-bottom: 40rpx;
+	}
+
+	.divider {
+		display: flex;
+		align-items: center;
+		margin-bottom: 60rpx;
+	}
+
+	.line {
+		flex: 1;
+		height: 2rpx;
+		background-color: #e5e5e5;
+	}
+
+	.divider-text {
+		padding: 0 30rpx;
+		font-size: 26rpx;
+		color: #999;
+	}
+
+	/* 微信登录 */
+	.wechat-login {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 20rpx;
+		cursor: pointer;
+	}
+
+	.wechat-icon {
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+	}
+
+	.wechat-text {
+		font-size: 28rpx;
+		color: #8B2316;
+	}
+
+	/* 底部协议 */
+	.agreement-section {
+		padding: 40rpx 60rpx 60rpx;
+	}
+
+	.agreement-content {
+		display: flex;
+		align-items: flex-start;
+		gap: 20rpx;
+	}
+
+	.checkbox {
+		width: 45rpx;
+		height:45rpx;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		margin-top: 4rpx;
+		cursor: pointer;
+		transition: all  0.3s ease-in-out;
+	}
+
+	.agreement-text {
+		flex: 1;
+		font-size: 24rpx;
+		color: #666;
+		line-height: 1.6;
+	}
+
+	.text-content {
+		color: #666;
+	}
+
+	.link-text {
+		color: #8B2316;
+	}
+
+	/* 响应式调整 */
+	@media (max-width: 750rpx) {
+		.main-content {
+			padding: 80rpx 40rpx 0;
+		}
+
+		.app-icon {
+			width: 100rpx;
+			height: 100rpx;
+		}
+
+		.phone-input,
+		.code-input,
+		.send-code-btn {
+			height: 90rpx;
+		}
+
+		.login-button {
+			height: 90rpx;
+		}
+
+		.button-text {
+			font-size: 30rpx;
+		}
+
+		.agreement-section {
+			padding: 30rpx 40rpx 50rpx;
+		}
+
+		.agreement-text {
+			font-size: 22rpx;
+		}
+	}
+	.sms-login {
+		width:100%;
+		margin-bottom:0rpx;
+		cursor: pointer;
+	}
+	
+	.sms-text {
+		font-size: 28rpx;
+		color: #8B2316;
+	}
+</style>
+
diff --git a/pages_app/video/video.vue b/pages_app/video/video.vue
new file mode 100644
index 0000000..bd1402b
--- /dev/null
+++ b/pages_app/video/video.vue
@@ -0,0 +1,468 @@
+<template>
+	<view class="video-page">
+		<!-- Header -->
+		<view class="header">
+			<view class="header-left" @click="goBack">
+				<uni-icons type="left" size="20" color="#8B4513"></uni-icons>
+			</view>
+			<view class="header-title">肝胆视频</view>
+			<view class="header-right">
+				<uni-icons type="search" size="20" color="#8B4513" style="margin-right: 15rpx;" @click="goSearch"></uni-icons>
+				<uni-icons type="list" size="20" color="#8B4513"></uni-icons>
+			</view>
+		</view>
+
+		<!-- Main Content -->
+		<scroll-view
+			class="scroll-view"
+			scroll-y="true"
+			refresher-enabled="true"
+			:refresher-triggered="refreshing"
+			@refresherrefresh="onRefresh"
+			@scrolltolower="onLoadMore"
+			lower-threshold="100"
+		>
+			<!-- Featured Banner -->
+			<view class="banner-section" v-if="bannerVideo">
+				<image class="banner-image" :src="bannerVideo.thumbnail" mode="aspectFill"></image>
+				<view class="banner-overlay">
+					<view class="banner-title">{{bannerVideo.title}}</view>
+				</view>
+			</view>
+
+			<!-- Filter Tabs -->
+			<view class="filter-tabs">
+				<view 
+					class="tab-item"
+					:class="{ active: activeTab === 0 }"
+					@click="switchTab(0)"
+				>
+					<uni-icons type="list" size="16" color="#666"></uni-icons>
+					<text class="tab-text">全部视频</text>
+					<uni-icons type="bottom" size="12" color="#666"></uni-icons>
+				</view>
+				<view 
+					class="tab-item"
+					:class="{ active: activeTab === 1 }"
+					@click="switchTab(1)"
+				>
+					<text class="tab-text">最新</text>
+					<uni-icons type="top" size="12" color="#E74C3C"></uni-icons>
+				</view>
+				<view 
+					class="tab-item"
+					:class="{ active: activeTab === 2 }"
+					@click="switchTab(2)"
+				>
+					<text class="tab-text">筛选</text>
+					<uni-icons type="paperplane" size="12" color="#666"></uni-icons>
+				</view>
+			</view>
+
+			<!-- Video List -->
+			<view class="video-list">
+				<view 
+					class="video-item"
+					v-for="(video, index) in videoList"
+					:key="video.id"
+					@click="playVideo(video)"
+				>
+					<view class="video-thumbnail">
+						<image :src="video.thumbnail" mode="aspectFill"></image>
+						<view class="play-icon">
+							<uni-icons type="play-filled" size="24" color="#fff"></uni-icons>
+						</view>
+					</view>
+					<view class="video-info">
+						<view class="video-title">{{video.title}}</view>
+						<view class="video-meta">
+							<text class="author">{{video.author}}</text>
+							<view class="stats">
+								<uni-icons type="eye" size="14" color="#999"></uni-icons>
+								<text class="view-count">{{video.viewCount}}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- Loading More -->
+			<uni-load-more 
+				v-if="videoList.length > 0"
+				:status="loadMoreStatus"
+				:content-text="{ 
+					contentdown: '上拉加载更多',
+					contentrefresh: '正在加载...',
+					contentnomore: '没有更多数据了'
+				}"
+			></uni-load-more>
+
+			<!-- Empty State -->
+			<view class="empty-state" v-if="videoList.length === 0 && !loading">
+				<image src="/static/empty-video.png" mode="aspectFit"></image>
+				<text>暂无视频内容</text>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, onMounted } from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+	import api from '@/api/api.js';
+
+	// 响应式数据
+	const videoList = ref([]);
+	const bannerVideo = ref(null);
+	const activeTab = ref(1); // 默认选中"最新"
+	const loading = ref(false);
+	const refreshing = ref(false);
+	const loadMoreStatus = ref('more'); // more, loading, noMore
+	const currentPage = ref(1);
+	const pageSize = ref(10);
+	const hasMoreData = ref(true);
+
+	// 页面加载
+	onMounted(() => {
+		
+	});
+
+	onShow(() => {
+		//loadVideoData();
+		getMockVideoData()
+		// 可以在这里刷新数据
+	});
+
+	// 加载视频数据
+	const loadVideoData = async (isRefresh = false) => {
+		if (loading.value && !isRefresh) return;
+		
+		loading.value = true;
+		
+		try {
+			// 调用真实API
+			const response = await api.getVideoList({
+				page: currentPage.value,
+				pageSize: pageSize.value,
+				category: activeTab.value // 根据选中的标签获取不同类别的视频
+			});
+			
+			if (response.data.code === 200) {
+				const { list, hasMore } = response.data.data;
+				
+				if (isRefresh) {
+					videoList.value = list;
+					currentPage.value = 1;
+				} else {
+					videoList.value = [...videoList.value, ...list];
+				}
+				
+				// 设置banner视频（第一个视频）
+				if (isRefresh || currentPage.value === 1) {
+					bannerVideo.value = list[0];
+				}
+				
+				hasMoreData.value = hasMore;
+				loadMoreStatus.value = hasMoreData.value ? 'more' : 'noMore';
+			} else {
+				throw new Error(response.data.message || '获取数据失败');
+			}
+			
+		} catch (error) {
+			console.error('加载视频失败:', error);
+			
+			// 如果API失败，使用模拟数据作为备用方案
+			const mockData = await getMockVideoData(currentPage.value, pageSize.value);
+			
+			if (isRefresh) {
+				videoList.value = mockData.list;
+				currentPage.value = 1;
+			} else {
+				videoList.value = [...videoList.value, ...mockData.list];
+			}
+			
+			// 设置banner视频（第一个视频）
+			if (isRefresh || currentPage.value === 1) {
+				bannerVideo.value = mockData.list[0];
+			}
+			
+			hasMoreData.value = mockData.hasMore;
+			loadMoreStatus.value = hasMoreData.value ? 'more' : 'noMore';
+			
+			uni.showToast({
+				title: '网络连接异常，显示离线数据',
+				icon: 'none'
+			});
+		} finally {
+			loading.value = false;
+			refreshing.value = false;
+		}
+	};
+
+	// 下拉刷新
+	const onRefresh = () => {
+		refreshing.value = true;
+		currentPage.value = 1;
+		hasMoreData.value = true;
+		loadVideoData(true);
+	};
+
+	// 上拉加载更多
+	const onLoadMore = () => {
+		if (!hasMoreData.value || loading.value) return;
+		
+		loadMoreStatus.value = 'loading';
+		currentPage.value++;
+		loadVideoData();
+	};
+
+	// 切换标签
+	const switchTab = (tabIndex) => {
+		activeTab.value = tabIndex;
+		// 可以根据标签加载不同的数据
+		currentPage.value = 1;
+		hasMoreData.value = true;
+		loadVideoData(true);
+	};
+
+	// 播放视频
+	const playVideo = (video) => {
+		uni.navigateTo({
+			url: `/pages/videoDetail/videoDetail?id=${video.id}`
+		});
+	};
+
+	// 返回
+	const goBack = () => {
+		uni.navigateBack();
+	};
+
+	// 搜索
+	const goSearch = () => {
+		uni.navigateTo({
+			url: '/pages_app/search/search'
+		});
+	};
+
+	// 模拟数据 - 实际开发时替换为真实API
+	const getMockVideoData = (page, size) => {
+		return new Promise((resolve) => {
+			setTimeout(() => {
+				const mockList = [];
+				const startIndex = (page - 1) * size;
+				
+				for (let i = 0; i < size; i++) {
+					const index = startIndex + i;
+					mockList.push({
+						id: `video_${index}`,
+						title: index === 0 ? '《2025年版慢加急性肝衰竭指南》解读' : 
+							   index % 4 === 1 ? '自身免疫性肝病专栏｜免疫治疗的双刃剑——1例自…' :
+							   index % 4 === 2 ? '徐医感染：硬化出血发热路，关关难过关关过' :
+							   index % 4 === 3 ? '徐医感染：一场呼吸的迷局' : 
+							   '南京市第二医院疑难肝病病理读片会暨疑难肝病MDT',
+						thumbnail: '/static/video-thumb-' + (index % 4 + 1) + '.png',
+						author: index % 3 === 0 ? '首都医…' : 
+								index % 3 === 1 ? '徐州医…' : '南京市…',
+						viewCount: Math.floor(Math.random() * 2000) + 100,
+						duration: '15:30'
+					});
+				}
+				
+				resolve({
+					list: mockList,
+					hasMore: page < 5 // 模拟5页数据
+				});
+			}, 1000);
+		});
+	};
+</script>
+
+<style scoped>
+.video-page {
+	background-color: #f5f5f5;
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+}
+
+/* Header Styles */
+.header {
+	background-color: #fff;
+	height: 88rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0 30rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
+	position: relative;
+	z-index: 100;
+}
+
+.header-left, .header-right {
+	display: flex;
+	align-items: center;
+}
+
+.header-title {
+	font-size: 36rpx;
+	font-weight: 600;
+	color: #8B4513;
+}
+
+/* Scroll View */
+.scroll-view {
+	flex: 1;
+	background-color: #f5f5f5;
+}
+
+/* Banner Styles */
+.banner-section {
+	position: relative;
+	height: 400rpx;
+	margin-bottom: 20rpx;
+}
+
+.banner-image {
+	width: 100%;
+	height: 100%;
+}
+
+.banner-overlay {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: linear-gradient(transparent, rgba(0,0,0,0.7));
+	padding: 60rpx 30rpx 30rpx;
+}
+
+.banner-title {
+	color: #fff;
+	font-size: 32rpx;
+	font-weight: 600;
+	line-height: 1.4;
+}
+
+/* Filter Tabs */
+.filter-tabs {
+	background-color: #fff;
+	display: flex;
+	padding: 20rpx 30rpx;
+	margin-bottom: 20rpx;
+}
+
+.tab-item {
+	display: flex;
+	align-items: center;
+	margin-right: 60rpx;
+	padding: 10rpx 0;
+}
+
+.tab-item.active .tab-text {
+	color: #E74C3C;
+	font-weight: 600;
+}
+
+.tab-text {
+	margin: 0 8rpx;
+	font-size: 28rpx;
+	color: #666;
+}
+
+/* Video List */
+.video-list {
+	padding: 0 20rpx;
+}
+
+.video-item {
+	background-color: #fff;
+	border-radius: 16rpx;
+	margin-bottom: 20rpx;
+	overflow: hidden;
+	box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1);
+}
+
+.video-thumbnail {
+	position: relative;
+	height: 200rpx;
+}
+
+.video-thumbnail image {
+	width: 100%;
+	height: 100%;
+}
+
+.play-icon {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	background-color: rgba(0,0,0,0.6);
+	border-radius: 50%;
+	width: 60rpx;
+	height: 60rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.video-info {
+	padding: 24rpx;
+}
+
+.video-title {
+	font-size: 28rpx;
+	font-weight: 600;
+	color: #333;
+	line-height: 1.4;
+	margin-bottom: 16rpx;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	line-clamp: 2;
+	overflow: hidden;
+}
+
+.video-meta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.author {
+	font-size: 24rpx;
+	color: #999;
+}
+
+.stats {
+	display: flex;
+	align-items: center;
+}
+
+.view-count {
+	font-size: 24rpx;
+	color: #999;
+	margin-left: 8rpx;
+}
+
+/* Empty State */
+.empty-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 100rpx 0;
+}
+
+.empty-state image {
+	width: 200rpx;
+	height: 200rpx;
+	margin-bottom: 30rpx;
+	opacity: 0.5;
+}
+
+.empty-state text {
+	color: #999;
+	font-size: 28rpx;
+}
+</style>
diff --git a/pages_app/zhinan/zhinan.vue b/pages_app/zhinan/zhinan.vue
new file mode 100644
index 0000000..756a613
--- /dev/null
+++ b/pages_app/zhinan/zhinan.vue
@@ -0,0 +1,393 @@
+<template>
+	<uni-nav-bar
+		left-icon="left" 
+		title="诊疗指南" 
+		@clickLeft="goBack" 
+		fixed 
+		color="#8B2316" 
+		height="140rpx" 
+		:border="false" 
+		backgroundColor="#eeeeee"
+	></uni-nav-bar>
+	<view class="zhinan-page">
+		<!-- 导航栏 -->
+		
+		
+		<!-- 固定搜索栏 -->
+		<view class="search-container-fixed filter-bar">
+			<view class="search-box">
+				<uni-icons type="search" size="16" color="#999"></uni-icons>
+				<text class="search-text">搜索</text>
+			</view>
+			
+			<view class="divider"></view>
+			<view class="filter-item" @click="showFilterPopup">
+				<text>筛选</text>
+				<up-image  :src="isFilterActive ? filterOn : filter" width="30rpx" height="30rpx" ></up-image>
+			</view>
+		</view>
+		
+		<!-- 指南分类网格 -->
+		<view class="guidelines-grid">
+			<view 
+				class="guideline-item" 
+				v-for="(item, index) in guidelineCategories" 
+				:key="index"
+				@click="enterCategory(item)"
+			>
+				<view class="item-image" :style="{ backgroundColor: item.bgColor }">
+					<image :src="item.icon" mode="aspectFit" class="category-icon"></image>
+				</view>
+				<view class="item-content">
+					<text class="category-title">{{ item.title }}</text>
+					<text class="category-count">(共{{ item.count }}份)</text>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 底部导航 -->
+		<view class="bottom-tabbar">
+			<view class="tab-item active" @click="switchTab('zhinan')">
+				<text class="tab-text active">诊疗指南</text>
+			</view>
+			<view class="tab-item" @click="switchTab('qikan')">
+				<text class="tab-text">期刊杂志</text>
+			</view>
+			<view class="tab-item" @click="switchTab('tools')">
+				<text class="tab-text">常用工具</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, onMounted } from 'vue';
+	import { onShow } from "@dcloudio/uni-app";
+	import upImg from "@/static/cb_up.png"
+	import downImg from "@/static/cb_up.png"
+	import filter from "@/static/cb_screen_no.png"
+	import filterOn from "@/static/cb_screen_yes.png"
+	// 响应式数据
+	const searchText = ref('');
+	const guidelineCategories = ref([]);
+
+	// 页面加载
+	onMounted(() => {
+		initGuidelineData();
+	});
+
+	onShow(() => {
+		// 页面显示时可以刷新数据
+	});
+
+	// 初始化指南数据
+	const initGuidelineData = () => {
+		guidelineCategories.value = [
+			{
+				title: '肝肿瘤相关',
+				count: 0,
+				bgColor: '#2C2C2C',
+				icon: '/static/liver_icon.png',
+				category: 'liver'
+			},
+			{
+				title: '感染相关',
+				count: 0,
+				bgColor: '#9C6BCF',
+				icon: '/static/infection_icon.png',
+				category: 'infection'
+			},
+			{
+				title: '消化相关',
+				count: 0,
+				bgColor: '#5CB3E8',
+				icon: '/static/digestion_icon.png',
+				category: 'digestion'
+			},
+			{
+				title: '中医/中西医结合',
+				count: 192,
+				bgColor: '#4A90E2',
+				icon: '/static/tcm_icon.png',
+				category: 'tcm'
+			},
+			{
+				title: '新型冠状病毒肺炎',
+				count: 450,
+				bgColor: '#1C1C1C',
+				icon: '/static/covid_icon.png',
+				category: 'covid'
+			},
+			{
+				title: 'AASLD',
+				count: 63,
+				bgColor: '#FF6B35',
+				icon: '/static/aasld_icon.png',
+				category: 'aasld'
+			},
+			{
+				title: 'EASL',
+				count: 75,
+				bgColor: '#1E88E5',
+				icon: '/static/easl_icon.png',
+				category: 'easl'
+			},
+			{
+				title: '其他指南',
+				count: 928,
+				bgColor: '#26C6DA',
+				icon: '/static/other_icon.png',
+				category: 'other'
+			},
+			{
+				title: '国内指南',
+				count: 375,
+				bgColor: '#42A5F5',
+				icon: '/static/domestic_icon.png',
+				category: 'domestic'
+			},
+			{
+				title: '共识指导',
+				count: 0,
+				bgColor: '#66BB6A',
+				icon: '/static/consensus_icon.png',
+				category: 'consensus'
+			},
+			{
+				title: '专家解读',
+				count: 0,
+				bgColor: '#FFA726',
+				icon: '/static/expert_icon.png',
+				category: 'expert'
+			}
+		];
+	};
+
+	// 进入指南分类
+	const enterCategory = (item) => {
+		console.log('进入分类:', item.category);
+		uni.navigateTo({
+			url: `/pages/guidelineList/guidelineList?category=${item.category}&title=${item.title}`
+		});
+	};
+
+	// 显示筛选对话框
+	const showFilterDialog = () => {
+		console.log('显示筛选');
+		// 可以实现筛选弹窗
+	};
+
+	// 切换底部标签
+	const switchTab = (tabName) => {
+		console.log('切换到:', tabName);
+		switch(tabName) {
+			case 'qikan':
+				uni.switchTab({
+					url: '/pages/qikan/qikan'
+				});
+				break;
+			case 'tools':
+				uni.switchTab({
+					url: '/pages/tools/tools'
+				});
+				break;
+		}
+	};
+
+	// 返回
+	const goBack = () => {
+		uni.navigateBack({
+			fail() {
+				uni.redirectTo({
+					url: '/pages/index/index'
+				});
+			}
+		});
+	};
+</script>
+
+<style lang="scss" scoped>
+// SCSS Variables
+$primary-color: #8B2316;
+$bg-color: #f5f5f5;
+$white: #fff;
+$text-primary: #333;
+$text-secondary: #666;
+$text-light: #999;
+$primary-color: #ff6b6b;
+$theme-color: #8B2316;
+$white: #fff;
+$gray-bg: #f5f5f5;
+$gray-light: #eee;
+$gray-medium: #999;
+$gray-dark: #666;
+$text-color: #333;
+
+// 尺寸变量
+$border-radius: 8px;
+$border-radius-small: 6px;
+$padding: 15px;
+$padding-small: 10px;
+.zhinan-page {
+	background-color: $bg-color;
+	min-height: 100vh;
+	padding-top: 140rpx; // 导航栏高度
+}
+
+// 固定搜索容器
+.search-container-fixed {
+	position: fixed;
+	top: 140rpx; // 导航栏高度
+	left: 0;
+	right: 0;
+	z-index: 90;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 30rpx 30rpx;
+	background-color: $white;
+	gap: 20rpx;
+	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+// 筛选栏
+.filter-bar {
+	background-color: $white;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid $gray-light;
+
+	.search-box {
+		flex: 1;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: 5px;
+
+		.search-text {
+			font-size: 14px;
+			color: $gray-medium;
+		}
+	}
+
+	.divider {
+		width: 1px;
+		height: 16px;
+		background-color: $gray-medium;
+		margin: 0 $padding;
+	}
+
+	.filter-item {
+		flex:1;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 3px;
+		font-size: 14px;
+		color: #999;
+	}
+}
+
+// 指南网格
+.guidelines-grid {
+	display: flex;
+	flex-wrap: wrap;
+	padding: 0 30rpx;
+	gap: 20rpx;
+	margin-top: 100rpx; // 为固定搜索栏留出空间 (搜索栏高度约80rpx + 边距)
+
+	.guideline-item {
+		width: calc(33.333% - 14rpx);
+		background-color: $white;
+		border-radius: 16rpx;
+		overflow: hidden;
+		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+		transition: transform 0.2s ease;
+
+		&:active {
+			transform: scale(0.98);
+		}
+
+		.item-image {
+			height: 160rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			position: relative;
+
+			.category-icon {
+				width: 80rpx;
+				height: 80rpx;
+			}
+		}
+
+		.item-content {
+			padding: 20rpx 16rpx;
+			text-align: center;
+
+			.category-title {
+				display: block;
+				font-size: 26rpx;
+				color: $text-primary;
+				line-height: 1.4;
+				margin-bottom: 8rpx;
+			}
+
+			.category-count {
+				font-size: 22rpx;
+				color: $text-light;
+			}
+		}
+	}
+}
+
+// 底部导航
+.bottom-tabbar {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 100rpx;
+	background-color: $white;
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	border-top: 1rpx solid #f0f0f0;
+	z-index: 100;
+
+	.tab-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		flex: 1;
+		height: 100rpx;
+		gap: 8rpx;
+         &.active {
+				color: #fff;
+				background-color: #8B2316;
+			}
+		.tab-icon {
+			width: 44rpx;
+			height: 44rpx;
+		}
+
+		.tab-text {
+			font-size: 32rpx;
+			color: $text-secondary;
+			&.active {
+							color: #fff;
+							
+						}
+		}
+	}
+	.tab-item:nth-child(2){
+		border-right: 2rpx solid #eee;
+		border-left: 2rpx solid #eee;
+	}
+}
+
+// 为网格添加底部边距，避免被tabbar遮挡
+.guidelines-grid {
+	padding-bottom: 140rpx;
+}
+</style>
diff --git a/static/all_video.png b/static/all_video.png
new file mode 100644
index 0000000..0e27072
Binary files /dev/null and b/static/all_video.png differ
diff --git a/static/bibglijiaoliu.png b/static/bibglijiaoliu.png
new file mode 100644
index 0000000..86db248
Binary files /dev/null and b/static/bibglijiaoliu.png differ
diff --git a/static/big_background_my.png b/static/big_background_my.png
new file mode 100644
index 0000000..55a6d3f
Binary files /dev/null and b/static/big_background_my.png differ
diff --git a/static/big_home.png b/static/big_home.png
new file mode 100644
index 0000000..26e18c2
Binary files /dev/null and b/static/big_home.png differ
diff --git a/static/big_home_d.png b/static/big_home_d.png
new file mode 100644
index 0000000..8dbf4a7
Binary files /dev/null and b/static/big_home_d.png differ
diff --git a/static/big_my.png b/static/big_my.png
new file mode 100644
index 0000000..93d779a
Binary files /dev/null and b/static/big_my.png differ
diff --git a/static/big_my_d.png b/static/big_my_d.png
new file mode 100644
index 0000000..6fbecba
Binary files /dev/null and b/static/big_my_d.png differ
diff --git a/static/bo_bg.png b/static/bo_bg.png
new file mode 100644
index 0000000..e8a141c
Binary files /dev/null and b/static/bo_bg.png differ
diff --git a/static/bofang.png b/static/bofang.png
new file mode 100644
index 0000000..bb4cc29
Binary files /dev/null and b/static/bofang.png differ
diff --git a/static/cb_down.png b/static/cb_down.png
new file mode 100644
index 0000000..ed71ff2
Binary files /dev/null and b/static/cb_down.png differ
diff --git a/static/cb_screen_no.png b/static/cb_screen_no.png
new file mode 100644
index 0000000..9f3c5fd
Binary files /dev/null and b/static/cb_screen_no.png differ
diff --git a/static/cb_screen_yes.png b/static/cb_screen_yes.png
new file mode 100644
index 0000000..b3090ef
Binary files /dev/null and b/static/cb_screen_yes.png differ
diff --git a/static/cb_up.png b/static/cb_up.png
new file mode 100644
index 0000000..35a3a5c
Binary files /dev/null and b/static/cb_up.png differ
diff --git a/static/classroom.png b/static/classroom.png
new file mode 100644
index 0000000..19fe6ca
Binary files /dev/null and b/static/classroom.png differ
diff --git a/static/classroomOn.png b/static/classroomOn.png
new file mode 100644
index 0000000..afff293
Binary files /dev/null and b/static/classroomOn.png differ
diff --git a/static/course_no.png b/static/course_no.png
new file mode 100644
index 0000000..6a8da3a
Binary files /dev/null and b/static/course_no.png differ
diff --git a/static/course_yes.png b/static/course_yes.png
new file mode 100644
index 0000000..9cc8e59
Binary files /dev/null and b/static/course_yes.png differ
diff --git a/static/customicons.css b/static/customicons.css
new file mode 100644
index 0000000..14ed5fa
--- /dev/null
+++ b/static/customicons.css
@@ -0,0 +1,20 @@
+@font-face {
+  font-family: "customicons"; /* Project id 2878519 */
+  src:url('/static/customicons.ttf') format('truetype');
+}
+
+.customicons {
+  font-family: "customicons" !important;
+}
+
+.youxi:before {
+  content: "\e60e";
+}
+
+.wenjian:before {
+  content: "\e60f";
+}
+
+.zhuanfa:before {
+  content: "\e610";
+}
diff --git a/static/customicons.ttf b/static/customicons.ttf
new file mode 100644
index 0000000..a3c8ab9
Binary files /dev/null and b/static/customicons.ttf differ
diff --git a/static/cyhhk.png b/static/cyhhk.png
new file mode 100644
index 0000000..6618cf8
Binary files /dev/null and b/static/cyhhk.png differ
diff --git a/static/czjh.png b/static/czjh.png
new file mode 100644
index 0000000..de799c0
Binary files /dev/null and b/static/czjh.png differ
diff --git a/static/delete_paper.png b/static/delete_paper.png
new file mode 100644
index 0000000..13d2b1b
Binary files /dev/null and b/static/delete_paper.png differ
diff --git a/static/download.png b/static/download.png
new file mode 100644
index 0000000..5b905b2
Binary files /dev/null and b/static/download.png differ
diff --git a/static/education.png b/static/education.png
new file mode 100644
index 0000000..9a77a1a
Binary files /dev/null and b/static/education.png differ
diff --git a/static/educationOn.png b/static/educationOn.png
new file mode 100644
index 0000000..7c3ebf7
Binary files /dev/null and b/static/educationOn.png differ
diff --git a/static/email_bg.png b/static/email_bg.png
new file mode 100644
index 0000000..c74d775
Binary files /dev/null and b/static/email_bg.png differ
diff --git a/static/eye_close.png b/static/eye_close.png
new file mode 100644
index 0000000..3e9ac96
Binary files /dev/null and b/static/eye_close.png differ
diff --git a/static/eye_open.png b/static/eye_open.png
new file mode 100644
index 0000000..ae5aa59
Binary files /dev/null and b/static/eye_open.png differ
diff --git a/static/fpgl.png b/static/fpgl.png
new file mode 100644
index 0000000..341825e
Binary files /dev/null and b/static/fpgl.png differ
diff --git a/static/fulicard.png b/static/fulicard.png
new file mode 100644
index 0000000..7ace625
Binary files /dev/null and b/static/fulicard.png differ
diff --git a/static/fxxbb.png b/static/fxxbb.png
new file mode 100644
index 0000000..08a11de
Binary files /dev/null and b/static/fxxbb.png differ
diff --git a/static/ganbingxueyuan.png b/static/ganbingxueyuan.png
new file mode 100644
index 0000000..8ffcf4d
Binary files /dev/null and b/static/ganbingxueyuan.png differ
diff --git a/static/gandankejian.png b/static/gandankejian.png
new file mode 100644
index 0000000..98ee37a
Binary files /dev/null and b/static/gandankejian.png differ
diff --git a/static/gandanshipin.png b/static/gandanshipin.png
new file mode 100644
index 0000000..934e1ef
Binary files /dev/null and b/static/gandanshipin.png differ
diff --git a/static/ghsjh.png b/static/ghsjh.png
new file mode 100644
index 0000000..3529c3f
Binary files /dev/null and b/static/ghsjh.png differ
diff --git a/static/home_more.png b/static/home_more.png
new file mode 100644
index 0000000..f4994ce
Binary files /dev/null and b/static/home_more.png differ
diff --git a/static/home_no_qiandao_icon.png b/static/home_no_qiandao_icon.png
new file mode 100644
index 0000000..8388c76
Binary files /dev/null and b/static/home_no_qiandao_icon.png differ
diff --git a/static/home_nor.png b/static/home_nor.png
new file mode 100644
index 0000000..73baafd
Binary files /dev/null and b/static/home_nor.png differ
diff --git a/static/home_qiandao_icon.png b/static/home_qiandao_icon.png
new file mode 100644
index 0000000..cc02287
Binary files /dev/null and b/static/home_qiandao_icon.png differ
diff --git a/static/home_sel.png b/static/home_sel.png
new file mode 100644
index 0000000..240ff16
Binary files /dev/null and b/static/home_sel.png differ
diff --git a/static/hzfz.png b/static/hzfz.png
new file mode 100644
index 0000000..0872613
Binary files /dev/null and b/static/hzfz.png differ
diff --git a/static/hzsh.png b/static/hzsh.png
new file mode 100644
index 0000000..a9d77c4
Binary files /dev/null and b/static/hzsh.png differ
diff --git a/static/icon_home_my_library.png b/static/icon_home_my_library.png
new file mode 100644
index 0000000..5cb571f
Binary files /dev/null and b/static/icon_home_my_library.png differ
diff --git a/static/icon_home_my_patient.png b/static/icon_home_my_patient.png
new file mode 100644
index 0000000..e52a5e8
Binary files /dev/null and b/static/icon_home_my_patient.png differ
diff --git a/static/icon_home_my_public.png b/static/icon_home_my_public.png
new file mode 100644
index 0000000..02e5304
Binary files /dev/null and b/static/icon_home_my_public.png differ
diff --git a/static/icon_home_video.png b/static/icon_home_video.png
new file mode 100644
index 0000000..838f6d7
Binary files /dev/null and b/static/icon_home_video.png differ
diff --git a/static/icon_login_logo.png b/static/icon_login_logo.png
new file mode 100644
index 0000000..0f5f466
Binary files /dev/null and b/static/icon_login_logo.png differ
diff --git a/static/item_department_no.png b/static/item_department_no.png
new file mode 100644
index 0000000..1542f39
Binary files /dev/null and b/static/item_department_no.png differ
diff --git a/static/item_department_yes.png b/static/item_department_yes.png
new file mode 100644
index 0000000..b175d8f
Binary files /dev/null and b/static/item_department_yes.png differ
diff --git a/static/item_doctor_no.png b/static/item_doctor_no.png
new file mode 100644
index 0000000..2edac28
Binary files /dev/null and b/static/item_doctor_no.png differ
diff --git a/static/item_doctor_yes.png b/static/item_doctor_yes.png
new file mode 100644
index 0000000..900dbfe
Binary files /dev/null and b/static/item_doctor_yes.png differ
diff --git a/static/item_drug_no.png b/static/item_drug_no.png
new file mode 100644
index 0000000..1841c4a
Binary files /dev/null and b/static/item_drug_no.png differ
diff --git a/static/item_drug_pass.png b/static/item_drug_pass.png
new file mode 100644
index 0000000..ad48e6f
Binary files /dev/null and b/static/item_drug_pass.png differ
diff --git a/static/item_hospital_no.png b/static/item_hospital_no.png
new file mode 100644
index 0000000..72ebf85
Binary files /dev/null and b/static/item_hospital_no.png differ
diff --git a/static/item_hospital_yes.png b/static/item_hospital_yes.png
new file mode 100644
index 0000000..07add14
Binary files /dev/null and b/static/item_hospital_yes.png differ
diff --git a/static/item_mall_no.png b/static/item_mall_no.png
new file mode 100644
index 0000000..6eade6f
Binary files /dev/null and b/static/item_mall_no.png differ
diff --git a/static/item_mall_yes.png b/static/item_mall_yes.png
new file mode 100644
index 0000000..3cd440c
Binary files /dev/null and b/static/item_mall_yes.png differ
diff --git a/static/item_news_no.png b/static/item_news_no.png
new file mode 100644
index 0000000..7c73fad
Binary files /dev/null and b/static/item_news_no.png differ
diff --git a/static/item_news_pass.png b/static/item_news_pass.png
new file mode 100644
index 0000000..ec9ee20
Binary files /dev/null and b/static/item_news_pass.png differ
diff --git a/static/item_patient_no.png b/static/item_patient_no.png
new file mode 100644
index 0000000..41d58b1
Binary files /dev/null and b/static/item_patient_no.png differ
diff --git a/static/item_patient_yes.png b/static/item_patient_yes.png
new file mode 100644
index 0000000..4ab77e5
Binary files /dev/null and b/static/item_patient_yes.png differ
diff --git a/static/item_science_no.png b/static/item_science_no.png
new file mode 100644
index 0000000..89a46f8
Binary files /dev/null and b/static/item_science_no.png differ
diff --git a/static/item_science_pass.png b/static/item_science_pass.png
new file mode 100644
index 0000000..f7e75d8
Binary files /dev/null and b/static/item_science_pass.png differ
diff --git a/static/item_video_no.png b/static/item_video_no.png
new file mode 100644
index 0000000..2c42f07
Binary files /dev/null and b/static/item_video_no.png differ
diff --git a/static/item_video_pass.png b/static/item_video_pass.png
new file mode 100644
index 0000000..575ca69
Binary files /dev/null and b/static/item_video_pass.png differ
diff --git a/static/item_wf_no.png b/static/item_wf_no.png
new file mode 100644
index 0000000..5c5e1d5
Binary files /dev/null and b/static/item_wf_no.png differ
diff --git a/static/item_wf_pass.png b/static/item_wf_pass.png
new file mode 100644
index 0000000..7ca8c54
Binary files /dev/null and b/static/item_wf_pass.png differ
diff --git a/static/jing_sign.png b/static/jing_sign.png
new file mode 100644
index 0000000..e544498
Binary files /dev/null and b/static/jing_sign.png differ
diff --git a/static/jingdian_bingli.png b/static/jingdian_bingli.png
new file mode 100644
index 0000000..ea1f3d9
Binary files /dev/null and b/static/jingdian_bingli.png differ
diff --git a/static/jingdianbingli.png b/static/jingdianbingli.png
new file mode 100644
index 0000000..f1ab8f5
Binary files /dev/null and b/static/jingdianbingli.png differ
diff --git a/static/jingpin_no.png b/static/jingpin_no.png
new file mode 100644
index 0000000..621ba08
Binary files /dev/null and b/static/jingpin_no.png differ
diff --git a/static/jingpin_yes.png b/static/jingpin_yes.png
new file mode 100644
index 0000000..2950377
Binary files /dev/null and b/static/jingpin_yes.png differ
diff --git a/static/jingpingke.png b/static/jingpingke.png
new file mode 100644
index 0000000..f7bf2fa
Binary files /dev/null and b/static/jingpingke.png differ
diff --git a/static/jingpinkecheng.png b/static/jingpinkecheng.png
new file mode 100644
index 0000000..bd3a983
Binary files /dev/null and b/static/jingpinkecheng.png differ
diff --git a/static/kcmx.png b/static/kcmx.png
new file mode 100644
index 0000000..58b4e24
Binary files /dev/null and b/static/kcmx.png differ
diff --git a/static/keyanxiangmu.png b/static/keyanxiangmu.png
new file mode 100644
index 0000000..23015b1
Binary files /dev/null and b/static/keyanxiangmu.png differ
diff --git a/static/kjmx.png b/static/kjmx.png
new file mode 100644
index 0000000..4eb07aa
Binary files /dev/null and b/static/kjmx.png differ
diff --git a/static/lczhaomu.png b/static/lczhaomu.png
new file mode 100644
index 0000000..8e934bc
Binary files /dev/null and b/static/lczhaomu.png differ
diff --git a/static/linchuangzhaomu.png b/static/linchuangzhaomu.png
new file mode 100644
index 0000000..e6bcaa7
Binary files /dev/null and b/static/linchuangzhaomu.png differ
diff --git a/static/live.png b/static/live.png
new file mode 100644
index 0000000..5e4aeba
Binary files /dev/null and b/static/live.png differ
diff --git a/static/liveOn.png b/static/liveOn.png
new file mode 100644
index 0000000..c943540
Binary files /dev/null and b/static/liveOn.png differ
diff --git a/static/livebg.png b/static/livebg.png
new file mode 100644
index 0000000..146488f
Binary files /dev/null and b/static/livebg.png differ
diff --git a/static/login_new_select.png b/static/login_new_select.png
new file mode 100644
index 0000000..b996722
Binary files /dev/null and b/static/login_new_select.png differ
diff --git a/static/login_new_unselect.png b/static/login_new_unselect.png
new file mode 100644
index 0000000..19bbb25
Binary files /dev/null and b/static/login_new_unselect.png differ
diff --git a/static/lunbo_bg.png b/static/lunbo_bg.png
new file mode 100644
index 0000000..103066f
Binary files /dev/null and b/static/lunbo_bg.png differ
diff --git a/static/more_bg.png b/static/more_bg.png
new file mode 100644
index 0000000..61c5511
Binary files /dev/null and b/static/more_bg.png differ
diff --git a/static/my.png b/static/my.png
new file mode 100644
index 0000000..fbab082
Binary files /dev/null and b/static/my.png differ
diff --git a/static/myOn.png b/static/myOn.png
new file mode 100644
index 0000000..e9f3154
Binary files /dev/null and b/static/myOn.png differ
diff --git a/static/pap_bg.png b/static/pap_bg.png
new file mode 100644
index 0000000..bead2c2
Binary files /dev/null and b/static/pap_bg.png differ
diff --git a/static/paper_bg.png b/static/paper_bg.png
new file mode 100644
index 0000000..60a10e9
Binary files /dev/null and b/static/paper_bg.png differ
diff --git a/static/paper_question.png b/static/paper_question.png
new file mode 100644
index 0000000..8492612
Binary files /dev/null and b/static/paper_question.png differ
diff --git a/static/paper_submit.png b/static/paper_submit.png
new file mode 100644
index 0000000..bd14af6
Binary files /dev/null and b/static/paper_submit.png differ
diff --git a/static/patient_video.png b/static/patient_video.png
new file mode 100644
index 0000000..a2eff9d
Binary files /dev/null and b/static/patient_video.png differ
diff --git a/static/patient_video_no.png b/static/patient_video_no.png
new file mode 100644
index 0000000..3bf73b4
Binary files /dev/null and b/static/patient_video_no.png differ
diff --git a/static/patient_video_yes.png b/static/patient_video_yes.png
new file mode 100644
index 0000000..2c23ed0
Binary files /dev/null and b/static/patient_video_yes.png differ
diff --git a/static/phone.png b/static/phone.png
new file mode 100644
index 0000000..37d95eb
Binary files /dev/null and b/static/phone.png differ
diff --git a/static/play_long.png b/static/play_long.png
new file mode 100644
index 0000000..9a69b46
Binary files /dev/null and b/static/play_long.png differ
diff --git a/static/point_down.png b/static/point_down.png
new file mode 100644
index 0000000..54fe4c2
Binary files /dev/null and b/static/point_down.png differ
diff --git a/static/pwd.png b/static/pwd.png
new file mode 100644
index 0000000..4da5353
Binary files /dev/null and b/static/pwd.png differ
diff --git a/static/qd1_bg.9.png b/static/qd1_bg.9.png
new file mode 100644
index 0000000..e27ff5f
Binary files /dev/null and b/static/qd1_bg.9.png differ
diff --git a/static/qd_bg.9.png b/static/qd_bg.9.png
new file mode 100644
index 0000000..8557487
Binary files /dev/null and b/static/qd_bg.9.png differ
diff --git a/static/qfxz.png b/static/qfxz.png
new file mode 100644
index 0000000..e73a43c
Binary files /dev/null and b/static/qfxz.png differ
diff --git a/static/route.png b/static/route.png
new file mode 100644
index 0000000..133ee64
Binary files /dev/null and b/static/route.png differ
diff --git a/static/select_video.png b/static/select_video.png
new file mode 100644
index 0000000..80c925f
Binary files /dev/null and b/static/select_video.png differ
diff --git a/static/setting.png b/static/setting.png
new file mode 100644
index 0000000..d98624e
Binary files /dev/null and b/static/setting.png differ
diff --git a/static/sfewm.png b/static/sfewm.png
new file mode 100644
index 0000000..34ecaae
Binary files /dev/null and b/static/sfewm.png differ
diff --git a/static/sheng_bg.png b/static/sheng_bg.png
new file mode 100644
index 0000000..a1f3f25
Binary files /dev/null and b/static/sheng_bg.png differ
diff --git a/static/sign_day_true.png b/static/sign_day_true.png
new file mode 100644
index 0000000..c8c36ed
Binary files /dev/null and b/static/sign_day_true.png differ
diff --git a/static/sign_in_bng_big.png b/static/sign_in_bng_big.png
new file mode 100644
index 0000000..c6aed54
Binary files /dev/null and b/static/sign_in_bng_big.png differ
diff --git a/static/sms.png b/static/sms.png
new file mode 100644
index 0000000..567b1ec
Binary files /dev/null and b/static/sms.png differ
diff --git a/static/sxy.png b/static/sxy.png
new file mode 100644
index 0000000..5f0f6f8
Binary files /dev/null and b/static/sxy.png differ
diff --git a/static/triangle_green_theme.png b/static/triangle_green_theme.png
new file mode 100644
index 0000000..d5186b8
Binary files /dev/null and b/static/triangle_green_theme.png differ
diff --git a/static/triangle_green_theme_big.png b/static/triangle_green_theme_big.png
new file mode 100644
index 0000000..5f0f281
Binary files /dev/null and b/static/triangle_green_theme_big.png differ
diff --git a/static/triangle_normal.png b/static/triangle_normal.png
new file mode 100644
index 0000000..b4019bd
Binary files /dev/null and b/static/triangle_normal.png differ
diff --git a/static/triangle_normal_big.png b/static/triangle_normal_big.png
new file mode 100644
index 0000000..185f1b3
Binary files /dev/null and b/static/triangle_normal_big.png differ
diff --git a/static/video_all.png b/static/video_all.png
new file mode 100644
index 0000000..d6cb6c0
Binary files /dev/null and b/static/video_all.png differ
diff --git a/static/video_select.png b/static/video_select.png
new file mode 100644
index 0000000..6718850
Binary files /dev/null and b/static/video_select.png differ
diff --git a/static/wdfl.png b/static/wdfl.png
new file mode 100644
index 0000000..e0349fb
Binary files /dev/null and b/static/wdfl.png differ
diff --git a/static/wdjf.png b/static/wdjf.png
new file mode 100644
index 0000000..7e90626
Binary files /dev/null and b/static/wdjf.png differ
diff --git a/static/wdkc.png b/static/wdkc.png
new file mode 100644
index 0000000..4544653
Binary files /dev/null and b/static/wdkc.png differ
diff --git a/static/wdsc.png b/static/wdsc.png
new file mode 100644
index 0000000..43f2442
Binary files /dev/null and b/static/wdsc.png differ
diff --git a/static/wdsp.png b/static/wdsp.png
new file mode 100644
index 0000000..650e39e
Binary files /dev/null and b/static/wdsp.png differ
diff --git a/static/wdxh.png b/static/wdxh.png
new file mode 100644
index 0000000..fd5c796
Binary files /dev/null and b/static/wdxh.png differ
diff --git a/static/wdxz.png b/static/wdxz.png
new file mode 100644
index 0000000..1e58d19
Binary files /dev/null and b/static/wdxz.png differ
diff --git a/static/wdzh.png b/static/wdzh.png
new file mode 100644
index 0000000..b119bd2
Binary files /dev/null and b/static/wdzh.png differ
diff --git a/static/weixin_login.png b/static/weixin_login.png
new file mode 100644
index 0000000..c59c44e
Binary files /dev/null and b/static/weixin_login.png differ
diff --git a/static/wxjb.png b/static/wxjb.png
new file mode 100644
index 0000000..641ee8c
Binary files /dev/null and b/static/wxjb.png differ
diff --git a/static/xinshoujiaocheng.png b/static/xinshoujiaocheng.png
new file mode 100644
index 0000000..7c91745
Binary files /dev/null and b/static/xinshoujiaocheng.png differ
diff --git a/static/xxtx.png b/static/xxtx.png
new file mode 100644
index 0000000..36a935c
Binary files /dev/null and b/static/xxtx.png differ
diff --git a/uni.scss b/uni.scss
new file mode 100644
index 0000000..7225e5d
--- /dev/null
+++ b/uni.scss
@@ -0,0 +1,2 @@
+@import 'uview-plus/theme.scss';
+@import '@/uni_modules/uni-scss/variables.scss';
diff --git a/utils/auth.js b/utils/auth.js
new file mode 100644
index 0000000..05bcdb9
--- /dev/null
+++ b/utils/auth.js
@@ -0,0 +1,22 @@
+function auth(){  //鉴权
+    return new Promise((resolve,reject)=>{
+      uni.login({
+        provider: 'weixin', //使用微信登录
+        onlyAuthorize: true, //不弹出授权页面，直接进入微信登录流程
+        success(res){
+          if(res.errMsg=="login:ok"){
+            resolve(res.code)
+         }else{
+           uni.showToast({
+            title:res.errMsg,
+            icon:'error'
+          })
+         }
+        },
+        fail(err){
+          reject(err)
+        }
+      })
+    })
+  }
+  export default auth
\ No newline at end of file
diff --git a/utils/config.js b/utils/config.js
new file mode 100644
index 0000000..d3239b7
--- /dev/null
+++ b/utils/config.js
@@ -0,0 +1,16 @@
+let BASE_URL=''
+if(process.env.UNI_PLATFORM =="h5"){
+   if (window.location.href.indexOf('//casedata.igandan.com')>-1){
+      BASE_URL='https://prod-casedata.igandan.com/api'
+   }else{
+      BASE_URL='https://dev-casedata.igandan.com/api'	
+   }
+}else{
+     const { envVersion } = uni.getAccountInfoSync().miniProgram;
+          if (envVersion == "release") {
+			BASE_URL='https://prod-casedata.igandan.com/api'
+		  }else{
+			BASE_URL='https://dev-casedata.igandan.com/api'	
+		  }
+}
+export default BASE_URL
\ No newline at end of file
diff --git a/utils/cookie.js b/utils/cookie.js
new file mode 100644
index 0000000..cb7f960
--- /dev/null
+++ b/utils/cookie.js
@@ -0,0 +1,33 @@
+
+const cookie = {
+    //写cookies 
+    setCookie: function(name, value) { 
+      //let days = 0.5;
+      let exp = new Date();
+      exp.setTime(exp.getTime() + 15*60*1000)
+  
+      // exp.setTime(exp.getTime() + days*24*60*60*1000)
+      document.cookie = name + '=' + escape (value) + ';expires=' + exp.toGMTString()
+    },
+    //读取cookies 
+    readCookie: function (name) {
+      let arr = null
+      let reg = new RegExp('(^| )'+name+'=([^;]*)(;|$)')
+      if (document.cookie && (arr = document.cookie.match(reg))) {
+        return unescape(arr[2])
+      } else {
+        return null;
+      } 
+    }, 
+    //删除cookies 
+    delCookie: function (name) { 
+      let cval = this.readCookie(name);
+      var domain = '.igandan.com';
+      if (cval!=null) {
+        document.cookie = name + '=;expires=' + (new Date(0)).toGMTString()+";path=/;domain="+domain
+      }
+    }  
+  }
+  
+  export default cookie
+  
\ No newline at end of file
diff --git a/utils/navTo.js b/utils/navTo.js
new file mode 100644
index 0000000..ce47508
--- /dev/null
+++ b/utils/navTo.js
@@ -0,0 +1,46 @@
+import pageUrl from './pageUrl'
+
+function navTo(obj) {
+	let token = '';
+	if(process.env.UNI_PLATFORM =="h5"){
+		if(window.location.href.indexOf('//casedata.igandan.com')>-1){
+			token = uni.getStorageSync('AUTH_TOKEN_App');
+		}else{
+			token = uni.getStorageSync('DEV_AUTH_TOKEN_App');
+		}
+	}else{
+		  const { envVersion } = uni.getAccountInfoSync().miniProgram;
+          if (envVersion == "release") {
+			token = uni.getStorageSync('AUTH_TOKEN_App');
+		  }else{
+			token = uni.getStorageSync('DEV_AUTH_TOKEN_App');
+		  }
+	}
+	if (!token) {
+		// let page_url = pageUrl();
+		// uni.setStorageSync('redirectUrl', page_url);
+		uni.navigateTo({
+			url: '/pages_app/login/login'
+		});
+	} else {
+		if(process.env.UNI_PLATFORM =="h5"){
+				uni.navigateTo(obj)
+		}else if(process.env.UNI_PLATFORM =="mp-weixin"){
+				const pages = getCurrentPages();
+			let len = pages.length;
+			console.log(len)
+			if (len >=10) {
+				uni.redirectTo(obj)
+			} else {
+				uni.navigateTo(obj)
+				
+			}
+		}else{
+			uni.navigateTo(obj)
+		}
+	}
+	
+
+}
+
+export default navTo
\ No newline at end of file
diff --git a/utils/pageUrl.js b/utils/pageUrl.js
new file mode 100644
index 0000000..1127538
--- /dev/null
+++ b/utils/pageUrl.js
@@ -0,0 +1,19 @@
+function pageUrl(){
+	// 获取当前页面的实例
+	const pages = getCurrentPages();
+	const currentPage = pages[pages.length - 1];
+	 
+	// 获取页面的完整URL
+	const url = currentPage.route; // 页面路径
+	const options = currentPage.options; // 如果有查询参数，将会在这里
+	 
+	// 拼接URL
+	let fullUrl = url + '?';
+	for (let key in options) {
+	  fullUrl += `${key}=${options[key]}&`;
+	}
+	fullUrl = fullUrl.substring(0, fullUrl.length - 1); // 移除最后一个"&"
+	 
+	return fullUrl
+}
+export default pageUrl
\ No newline at end of file
diff --git a/utils/request.js b/utils/request.js
new file mode 100644
index 0000000..455fea1
--- /dev/null
+++ b/utils/request.js
@@ -0,0 +1,100 @@
+/**
+ * @Method Description
+ * @Author: zjd@
+ * @Description: 数据请求整合 处理
+ * @BASE_URL server 
+ * @param {a===Object||file} 传给后台参数Method 请求方法   url  所请求的接口路径
+ * @return  Promise对象  所有数据信息
+ * @createTime: 2024-7-22 15:05:06
+ */
+import BASE_URL from "./config.js";
+//import host from "@/utils/host";
+//import {msg} from "./util.js"
+//const BASE_URL=host+"/api"
+export const request = (url, data = {}, method = 'post', loading = false, contentType =
+	'application/x-www-form-urlencoded') => {
+	if (loading) {
+		uni.showLoading({
+			title: '加载中',
+			mask: true
+		})
+
+	};
+	let token = '';
+	if (process.env.UNI_PLATFORM == "h5") {
+		if (window.location.href.indexOf('//App.igandan.com') > -1) {
+			token = uni.getStorageSync('AUTH_TOKEN_App');
+		} else {
+			token = uni.getStorageSync('DEV_AUTH_TOKEN_App');
+		}
+	} else if(process.env.UNI_PLATFORM == "mp-weixin") {
+		const {
+			envVersion
+		} = uni.getAccountInfoSync().miniProgram;
+		if (envVersion == "release") {
+			token = uni.getStorageSync('AUTH_TOKEN_App');
+		} else {
+			token = uni.getStorageSync('DEV_AUTH_TOKEN_App');
+		}
+	}
+	let header = {
+		'content-type': contentType,
+		'Authorization': 'Bearer ' + token
+	}
+	return new Promise(function(e, n) {
+		let timestamp = Date.now();
+		uni.request({
+			data,
+			url: url.indexOf('http') != -1 ? url : encodeURI(BASE_URL + url + "?timestamp=" +
+				timestamp),
+			method: method,
+			sslVerify: false,
+			header: url.indexOf('/manager/getSignature4bing') == -1 ? header : {},
+			timeout: 10000,
+			success: async (res) => {
+				var Authorization_token = res.header.Authorization;
+				if (Authorization_token) {
+					if (process.env.NODE_ENV === 'development') {
+						uni.setStorageSync('DEV_AUTH_TOKEN_App', Authorization_token);
+					} else {
+						uni.setStorageSync('AUTH_TOKEN_App', Authorization_token);
+					}
+
+				}
+				if (loading) {
+					uni.hideLoading();
+				};
+				if (res.data.code == 200){
+					e(res)
+				}else if (res.data.code == 401 || res.data.code == 403 || res.data.code ==
+					405 || res.data.code == 406) {
+					
+					uni.redirectTo({
+						url: '/pages_app/login/login'
+					});
+					
+
+				} else if (res.data.code == 500) {
+
+					uni.showToast({
+						title: res.data.message,
+						icon: 'none',
+
+					})
+					n(res)
+				} else {
+					uni.showToast({
+						title: res.data.message,
+						icon: 'none',
+					});
+					n(res)
+
+
+				}
+			},
+			fail: function(err) {
+				"request:fail " === err.errMsg && msg("请求数据失败！"), n(err.data);
+			}
+		});
+	});
+}
\ No newline at end of file
diff --git a/utils/throttle.js b/utils/throttle.js
new file mode 100644
index 0000000..7ad983d
--- /dev/null
+++ b/utils/throttle.js
@@ -0,0 +1,14 @@
+ const throttle=function(fn,wait=1500){
+  var flag = true;
+  var timer = null;
+  return function(){
+    if(flag) {
+      fn.apply(this,arguments);
+      flag = false;
+      timer = setTimeout(() => {
+        flag = true
+      },wait)
+    }
+  }
+}
+export default throttle
\ No newline at end of file