diff --git a/components/dNav/dNav.vue b/components/dNav/dNav.vue
index 900b7b6..d5a7e72 100644
--- a/components/dNav/dNav.vue
+++ b/components/dNav/dNav.vue
@@ -1,9 +1,17 @@
 <template>
   <view class="navbox">
     <view class="bg"></view>
-    <view class="namebox">
-      <view class="logo">logo</view>
-      <view class="name">肝胆相照临床病例库</view>
+     <view class="namebox">
+      <view class="logo">
+       <up--image
+          :src="logoImg"
+          width="62rpx"
+          height="62rpx"
+          radius="50%"
+
+        ></up--image>
+      </view>
+      <view class="name">{{ navName }}</view>
     </view>
    
   </view>
@@ -41,6 +49,7 @@
   padding-top: 102rpx;
   margin: 0rpx 30rpx 0rpx;
   display: flex;
+  align-items: center;
   .name {
     margin-left: 16rpx;
     font-size: 30rpx;
diff --git a/components/navBar/navBar.vue b/components/navBar/navBar.vue
index 5ab1962..1a3e86d 100644
--- a/components/navBar/navBar.vue
+++ b/components/navBar/navBar.vue
@@ -2,25 +2,25 @@
   <view class="navbox">
     <view class="bg"></view>
     <view class="namebox">
-      <view class="logo">logo</view>
+      <view class="logo">
+       <up--image
+          :src="logoImg"
+          width="62rpx"
+          height="62rpx"
+          radius="50%"
+
+        ></up--image>
+      </view>
       <view class="name">{{ navName }}</view>
-    
     </view>
     <view class="search">
       <view class="searchwrap">
-       
-        <!-- <up--image
-          :src="ssImg"
-          class="ssImg"
-          mode="widthFix"
-          width="30rpx"
-          height="30rpx"
-        ></up--image> -->
          <input type="text" class="ipt" v-model="keyWord" :placeholder="placeholder"/>
          <up-icon name="search" size="26" color="#999" @click="search"></up-icon>
       </view>
       <up--image
         :src="headImg"
+		@click="goMy"
         mode="widthFix"
         width="62rpx"
         height="62rpx"
@@ -33,7 +33,7 @@
 <script setup>
 import { ref, watch} from "vue";
 import headImg from "@/static/headImg.png";
-import ssImg from "@/static/ss.png";
+import logoImg from "@/static/logo.png";
 const keyWord = ref('');
 const  props=defineProps({
    searchWord:{
@@ -62,6 +62,11 @@ watch(()=>props.type,(newVal)=>{
 watch(()=>props.searchWord,(newVal)=>{
   keyWord.value=newVal
 })
+const goMy=()=>{
+	uni.navigateTo({
+		url:'/pages/my/my'
+	})
+}
 const search=()=>{
   // if (!keyWord.value) {
   //     return uni.showToast({
@@ -104,6 +109,7 @@ const search=()=>{
   padding-top: 102rpx;
   margin: 0rpx 30rpx 0rpx;
   display: flex;
+  align-items: center;
   .name {
     margin-left: 16rpx;
     font-size: 30rpx;
diff --git a/components/navBarSearch/navBarSearch.vue b/components/navBarSearch/navBarSearch.vue
new file mode 100644
index 0000000..d7fb874
--- /dev/null
+++ b/components/navBarSearch/navBarSearch.vue
@@ -0,0 +1,155 @@
+<template>
+  <view class="navbox">
+    <view class="bg"></view>
+    <view class="namebox">
+      <view class="back" @click="goBack">
+          <u-icon name="arrow-left" color="#000" size="24"></u-icon>
+      </view>
+      <view class="logo">
+       <up--image
+          :src="logoImg"
+          width="62rpx"
+          height="62rpx"
+          radius="50%"
+
+        ></up--image>
+      </view>
+      <view class="name">{{ navName }}</view>
+    </view>
+    <view class="search">
+      <view class="searchwrap">
+         <input type="text" class="ipt" v-model="keyWord" :placeholder="placeholder"/>
+         <up-icon name="search" size="26" color="#999" @click="search"></up-icon>
+      </view>
+      <up--image
+        :src="headImg"
+		@click="goMy"
+        mode="widthFix"
+        width="62rpx"
+        height="62rpx"
+        radius="50%"
+      ></up--image>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, watch} from "vue";
+import headImg from "@/static/headImg.png";
+import logoImg from "@/static/logo.png";
+const keyWord = ref('');
+const  props=defineProps({
+   searchWord:{
+    type:String,
+    default:''
+  },
+  type:{
+    type:String,
+    default:'',
+  },
+  navName:{
+    type:String,
+    default:'肝胆相照临床病例库',
+  }
+
+})
+const placeholder = ref("输入疾病名称、标题、作者搜索");
+watch(()=>props.type,(newVal)=>{
+  if(newVal==='doctor'){
+    placeholder.value='输入医生姓名'
+  }else if(newVal==='hospital'){
+    placeholder.value='输入医院名称'
+  }
+ 
+},{immediate: true })
+watch(()=>props.searchWord,(newVal)=>{
+  keyWord.value=newVal
+})
+const goMy=()=>{
+	uni.navigateTo({
+		url:'/pages/my/my'
+	})
+}
+const goBack = () => {
+  uni.navigateBack({
+    delta: 1,
+  });
+};
+const search=()=>{
+  // if (!keyWord.value) {
+  //     return uni.showToast({
+  //       title: "请输入关键字",
+  //       icon:'none'
+  //     });
+  // }
+
+  uni.navigateTo({
+    url: `/pages/search/search?keyWord=${keyWord.value}`,
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.navbox {
+  padding-bottom: 20rpx;
+  background-color: #f9fafb;
+  position: relative;
+ 
+  background: radial-gradient(
+    60% 90% at 4% 2%,
+    #43c9c3 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+}
+.bg {
+  z-index: -1;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  background: radial-gradient(
+    43% 90% at 84% 6%,
+    #ffd6c9 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+}
+.namebox {
+  padding-top: 102rpx;
+  margin: 0rpx 30rpx 0rpx;
+  display: flex;
+  align-items: center;
+  .logo{
+    margin-left: 35rpx;
+  }
+  .name {
+    margin-left: 16rpx;
+    font-size: 30rpx;
+    color: #111827;
+  }
+}
+.search {
+  margin: 40rpx 30rpx 0rpx;
+  display: flex;
+
+  align-items: center;
+  justify-content: space-between;
+  .searchwrap {
+    display: flex;
+    padding-right:35rpx;
+    align-items: center;
+    flex: 1;
+    padding-left: 28rpx;
+    margin-right: 23rpx;
+    height: 80rpx;
+    background: #fbfbfb;
+    box-shadow: 0px 4rpx 10rpx 0px rgba(153, 153, 153, 0.5);
+    border-radius: 40rpx;
+
+    .ipt {
+    flex:1;
+      margin-left: 15rpx;
+      font-size: 28rpx;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/components/tabBar/tabBar.vue b/components/tabBar/tabBar.vue
index f872400..f4700c4 100644
--- a/components/tabBar/tabBar.vue
+++ b/components/tabBar/tabBar.vue
@@ -65,10 +65,18 @@ const props=defineProps({
   }
 });
 const handleClick = (e) => {
-   if(e==1){
+	if(e==0){
+		uni.navigateTo({
+		  url: "/pages/index/index",
+		});
+	}else if(e==1){
       uni.navigateTo({
       url: "/pages/case/case",
     });
+   }else if(e==2){
+       uni.navigateTo({
+      url: "/pages/caseTalk/caseTalk",
+    });
    }
 };
 </script>
diff --git a/manifest.json b/manifest.json
index fe56ea7..5929cd6 100644
--- a/manifest.json
+++ b/manifest.json
@@ -61,12 +61,12 @@
             "minified" : true,
             "postcss" : true
         },
-        // "plugins": {
-        //     "polyv-player": {
-        //         "version": "1.9.0",
-        //         "provider": "wx4a350a258a6f7876"
-        //     }
-        // },
+        "plugins": {
+            "polyv-player": {
+                "version": "1.9.0",
+                "provider": "wx4a350a258a6f7876"
+            }
+        },
 
         "usingComponents" : true
     },
diff --git a/pages.json b/pages.json
index 320e668..3f7e7e4 100644
--- a/pages.json
+++ b/pages.json
@@ -11,14 +11,58 @@
 	},
 	"pages": [ 
 		//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/publish/publish",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/caseTalk/caseTalk",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/specialList/specialList",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/certList/certList",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
 		{
 			"path": "pages/my/my",
 			"style": {
 				"navigationBarTitleText": "uni-app",
 				 "navigationStyle": "custom"
 			    }
-		},{
-			"path": "pages/index/index",
+		},
+		{
+			"path": "pages/myJoin/myJoin",
+			"style": {
+				"navigationBarTitleText": "uni-app",
+				 "navigationStyle": "custom"
+			    }
+		},
+		{
+			"path": "pages/myCollect/myCollect",
 			"style": {
 				"navigationBarTitleText": "uni-app",
 				 "navigationStyle": "custom"
@@ -30,7 +74,7 @@
 				"navigationBarTitleText": "详情",
 				 "navigationStyle": "custom",
 				 "usingComponents": {
-				      //"polyv-player": "plugin://polyv-player/player"
+				      "polyv-player": "plugin://polyv-player/player"
 				   }
 
 			    }
diff --git a/pages/caseTalk/caseTalk.vue b/pages/caseTalk/caseTalk.vue
new file mode 100644
index 0000000..c4c57c9
--- /dev/null
+++ b/pages/caseTalk/caseTalk.vue
@@ -0,0 +1,324 @@
+<template>
+	<view class="upage">
+		<navBar></navBar>
+		<view class="databox">
+			<view class="cell">
+				<view class="num">11</view>
+				<view class="name">文章</view>
+			</view>
+			<view class="cell">
+				<view class="num">22</view>
+				<view class="name">视频</view>
+			</view>
+			<view class="cell">
+				<view class="num">333</view>
+				<view class="name">阅读量</view>
+			</view>
+		</view>
+		<view class="bar"></view>
+	 <view class="box">
+		<view class="special">
+			<view class="titlebox">
+				<view class="title">精选病例</view>
+				<view class="more" @click="goList">
+					<view class="morename">查看更多</view>
+					<u-icon name="arrow-right" size="16" color="#3CC7C0"></u-icon>
+				</view>
+			</view>
+			<view class="list">
+				<view class="cell">
+					<view class="circle"></view>
+					<view class="title">肝胆相照临床病例库肝胆相照临床病例库</view>
+				</view>
+			</view>
+		</view>
+		<view class="bar"></view>
+		<view class="record">
+			<view class="titlebox">
+				<view class="title">精选病例</view>
+				<view class="more" @click="goList">
+					<view class="morename">查看更多</view>
+					<u-icon name="arrow-right" size="16" color="#3CC7C0"></u-icon>
+				</view>
+			</view>
+			<view class="list">
+				<view class="cell">
+					<view class="title">肝胆相照临床病例库肝胆相照临床病例库肝胆</view>
+					<view class="doctor">
+						<up--image :src="headImg" width="46rpx" height="46rpx" radius="50%"></up--image>
+						<view class="name">陈XX（首都医科大学附属北京**医院）</view>
+					</view>
+					<view class="content">
+						嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎XXXXX
+					</view>
+					<view class="imgbox">
+						<view class="imgcell">
+							<up--image src="https://cdn.uviewui.com/uview/album/1.jpg" radius="10" width="220rpx"
+								height="220rpx">
+								<view slot="error" style="font-size: 24rpx;">加载失败</view>
+							</up--image>
+						</view>
+						<view class="imgcell">
+							<up--image src="https://cdn.uviewui.com/uview/album/1.jpg" radius="10" width="220rpx"
+								height="220rpx">
+								<view slot="error" style="font-size: 24rpx;">加载失败</view>
+							</up--image>
+						</view>
+						<view class="imgcell">
+							<up--image src="https://cdn.uviewui.com/uview/album/1.jpg" radius="10" width="220rpx"
+								height="220rpx">
+								<view slot="error" style="font-size: 24rpx;">加载失败</view>
+							</up--image>
+						</view>
+					</view>
+					<view class="imgbox">
+						<video class="myVideo" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
+							@error="videoErrorCallback" controls></video>
+					</view>
+					<view class="tagbox">
+						<view class="tag">标签</view>
+					</view>
+					<view class="deal">
+						<view class="left">
+							<view class="eyebox item">
+								<up-icon name="eye" color="#4B5563" size="28rpx"></up-icon>
+								<view class="num">11</view>
+							</view>
+							<view class="collect item">
+								<up-icon name="heart" color="#4B5563" size="28rpx"></up-icon>
+								<view class="num">22</view>
+							</view>
+							<view class="chat item">
+								<up-icon name="chat" color="#4B5563" size="28rpx"></up-icon>
+								<view class="num">22</view>
+							</view>
+						</view>
+						<view class="time">
+							<up-icon name="clock" color="#4B5563" size="28rpx"></up-icon>
+							<view class="num">{{formatdate('2022-10-23') }}</view>
+						</view>
+				</view>
+				</view>
+			</view>
+		</view>
+		</view> 
+	</view>
+
+	<tabBar :value="2"></tabBar>
+</template>
+
+<script setup>
+	import navBar from "@/components/navBar/navBar.vue";
+	import tabBar from "@/components/tabBar/tabBar.vue";
+	import headImg from "@/static/headImg.png";
+	import dayjs from "dayjs";
+	const formatdate = (date) => {
+		return dayjs(date).format('YYYY-MM-DD')
+	};
+    const goList = () => {
+        uni.navigateTo({
+            url: '/pages/specialList/specialList'
+        })
+    };
+	const videoErrorCallback = (e) => {
+		uni.showModal({
+			content: e.target.errMsg,
+			showCancel: false
+		})
+	};
+</script>
+
+<style lang='scss' scoped>
+	.upage {
+		display: flex;
+		flex-direction: column;
+		height: calc(100vh - 100rpx);
+	}
+
+	.box {
+		flex: 1;
+		padding-bottom: 30rpx;
+		overflow-y: scroll;
+	}
+
+	.myVideo {
+		width: 100%;
+		border-radius: 15rpx;
+	}
+
+	.deal {
+		margin-top: 20rpx;
+		display: flex;
+		color: #4B5563;
+		font-size: 24rpx;
+		justify-content: space-between;
+
+		.left {
+			display: flex;
+			align-items: center;
+
+			.item {
+				width: 100rpx;
+			}
+		}
+
+		.collect {
+			display: flex;
+			align-items: center;
+		}
+
+		.eyebox,
+		.chat {
+			display: flex;
+			align-items: center;
+		}
+
+		.time {
+			display: flex;
+			align-items: center;
+		}
+
+		.num {
+			margin-left: 8rpx;
+		}
+	}
+
+	.tagbox {
+		margin-top: 24rpx;
+		display: flex;
+
+		.tag {
+			height: 54rpx;
+			padding: 0 28rpx;
+			background: #ECFAF9;
+			border-radius: 30rpx;
+			font-size: 27rpx;
+			color: #3CC7C0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+	}
+
+	.doctor {
+		display: flex;
+		align-items: center;
+	}
+
+	.record {
+		padding-top: 30rpx;
+
+		.list {
+			margin: 30rpx 30rpx;
+
+			.name {
+				margin: 20rpx 0 20rpx 15rpx;
+				font-size: 27rpx;
+				color: #333333;
+			}
+
+			.content {
+				font-size: 27rpx;
+				color: #666666;
+				line-height: 38rpx;
+			}
+
+			.imgbox {
+				display: flex;
+				margin-top: 24rpx;
+
+				.imgcell {
+					width: 220rpx;
+					height: 220rpx;
+					margin-right: 20rpx;
+				}
+
+				.imgcell:last-child {
+					margin-right: 0;
+				}
+			}
+
+		}
+	}
+
+	.special {
+		padding-top: 30rpx;
+
+		.list {
+			margin: 8rpx 30rpx 0;
+
+			.cell {
+				padding: 22rpx 0;
+				display: flex;
+				border-bottom: 2rpx solid #f3f4f6;
+
+				.circle {
+					margin-top: 15rpx;
+					width: 15rpx;
+					height: 15rpx;
+					background: #3cc7c0;
+					border-radius: 50%;
+				}
+
+				.title {
+					margin-left: 10rpx;
+					font-size: 32rpx;
+					color: #000000;
+					line-height: 46rpx;
+				}
+			}
+
+			.cell:last-child {
+				border-bottom: none;
+			}
+		}
+	}
+
+	.titlebox {
+		margin: 0 30rpx;
+		display: flex;
+		justify-content: space-between;
+
+		.more {
+			display: flex;
+			align-items: center;
+
+			.morename {
+				margin-right: 10rpx;
+				font-size: 28rpx;
+				color: #3cc7c0;
+			}
+		}
+	}
+
+	.bar {
+		height: 16rpx;
+		background: #f3f4f6;
+	}
+
+	.databox {
+		height: 162rpx;
+		background: #ffffff;
+		display: flex;
+		padding: 0 30rpx;
+		justify-content: space-between;
+
+		.cell {
+			flex: 1;
+			padding: 35rpx 0;
+
+			text-align: center;
+
+			.num {
+				font-size: 38rpx;
+				color: #3cc7c0;
+			}
+
+			.name {
+				margin-top: 18rpx;
+				font-size: 28rpx;
+				color: #4b5563;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/certList/certList.vue b/pages/certList/certList.vue
new file mode 100644
index 0000000..1c6083f
--- /dev/null
+++ b/pages/certList/certList.vue
@@ -0,0 +1,356 @@
+<template>
+  <view class="u-page">
+    <z-paging
+      ref="paging"
+      inside-more
+      loading-more-no-more-text="咱也是有底线的！"
+      :auto-show-back-to-top="true"
+      v-model="dataList"
+      @query="queryList"
+    >
+     <template #top>
+        <navBarSearch :searchWord="keyWord" :navName="navName"></navBarSearch>
+        <view class="tabcon">
+           <up-tabs   :activeStyle="{
+        color: '#3CC7C0'
+    }"
+    :inactiveStyle="{
+        color: '#4B5563',
+    }"  lineColor="#3CC7C0" lineWidth="155rpx" lineHeight="2" :list="tabList" @click="switchTab"></up-tabs>
+        </view>
+      </template> 
+      <view class="item" v-for="(item, index) in dataList" :key="index" @click="isArticle?goDetail(item.article_id):goDetail(item.video_id)">
+        <view class="title ellipsis">{{isArticle?item.article_title:item.video_title }}</view>
+        <view class="tagsbox">
+              <view class="tag" v-for="tag in item.author" :key="tag.author_id">{{ tag.doctor_name }}</view>
+        </view>
+        <view class="deal">
+          <view class="left">
+              <view class="recored">
+                <up--image
+              :src="certImg"
+              width="39rpx"
+              height="39rpx"
+            ></up--image>
+              收录证书
+              </view>
+          </view>
+          <view class="time">
+            <up-icon name="clock" color="#6B7280" size="28rpx"></up-icon>
+            <view class="num">{{formatdate(item.push_date) }}</view>
+          </view>
+        </view>
+		</view>
+    </z-paging>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from "vue";
+import navBarSearch from "@/components/navBarSearch/navBarSearch.vue";
+import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
+import api from "@/api/api";
+import { onLoad } from "@dcloudio/uni-app";
+import dayjs from "dayjs";
+import switchImg from "@/static/switch.png";
+import certImg  from "@/static/cert.png";
+const paging = ref(null);
+const uDropdownRef=ref(null);
+const dataList = ref([]);
+const total = ref(0);
+const value = ref("");
+const keyWord = ref("");
+const page=ref(1);
+const isArticle=ref(true);
+const hospital_id=ref('');
+const hospital_name=ref('');
+const doctor_id=ref('');
+const doctor_name=ref('');
+const numInfo=reactive({});
+const navName=ref('肝胆相照临床病例库')
+const options= ref([
+  {
+    label: "正序",
+    value: 'asc',
+  },
+  {
+    label: "倒序",
+    value: 'desc',
+  },
+]);
+const tabList=ref([{
+
+                    name: '文章病例库',
+                }, {
+                    name: '视频病例库',
+                }])
+const order=reactive({
+	  read_num:'',
+	  push_date:''
+})
+const switchTab=(index)=>{
+   console.log('item', index);
+}
+onLoad((options) => {
+  if(options.keyWord){
+    keyWord.value = options.keyWord;
+  };
+  if(options.order=='new'){
+	  order.push_date='asc'
+  };
+  if(options.order=='read'){
+  	  order.read_num='desc'
+  };
+  if(options.order=='video'){
+    isArticle.value=false;
+   }
+  if(options.doctor_id){
+    doctor_id.value=options.doctor_id;
+    doctor_name.value=options.doctor_name
+    navName.value= doctor_name.value+'临床病例库'
+    getStaticDoctor(doctor_id.value)
+  }
+  if(options.hospital_id){
+    hospital_id.value=options.hospital_id;
+    hospital_name.value=options.hospital_name;
+    navName.value= hospital_name.value+'临床病例库'
+    getStaticDoctor(hospital_id.value)
+
+  }
+});
+const change=(e)=>{
+  paging.value.reload();
+}
+const formatdate=(date)=>{
+  return dayjs(date).format('YYYY-MM-DD')
+}
+const goDetail=(id)=>{
+   console.log(11111)
+  console.log(id)
+  let type=isArticle.value?'article':'video'
+  uni.navigateTo({
+    url: `/pages/detail/detail?id=${id}&type=${type}`
+  })
+}
+const swicthType=()=>{
+	isArticle.value=!isArticle.value;
+	 dataList.value=[];
+	 order.read_num='';
+	 order.push_date='';
+	 paging.value.reload();
+}
+const searchArticle =(params) => {
+  let searchForm={
+      keyword: keyWord.value,
+      doctor_id:doctor_id.value,
+      hospital_id:hospital_id.value
+    }
+	if(!order.read_num){
+		delete order.read_num
+	}
+	if(!order.push_date){
+		   delete order.push_date
+	 }
+  if(order.read_num || order.push_date){
+     searchForm.order=order
+  }
+  api.searchArticle({
+	    ...searchForm,
+      ...params
+  }).then((res)=>{
+    paging.value.complete(res.data.data.data);
+     total.value=res.data.data.total;
+  }).catch(err=>{
+    paging.value.complete(false);
+ })
+}
+
+const searchVideo = async(params) => {
+   let searchForm={
+      keyword: keyWord.value,
+    }
+	if(!order.read_num){
+		delete order.read_num
+	}
+	if(!order.push_date){
+		   delete order.push_date
+	 }
+  if(order.read_num || order.push_date){
+     searchForm.order=order
+  }
+  api.searchVideo({
+    ...params
+  }).then((res)=>{
+     paging.value.complete(res.data.data.data);
+     total.value=res.data.data.total;
+  }).catch(err=>{
+    paging.value.complete(false);
+ })
+}
+const getStaticDoctor=(id)=>{
+  api.getStaticDoctor(id).then((res)=>{
+    let result=res.data.data;
+      Object.assign(numInfo,result); 
+  })
+}
+const getStaticHospital=(id)=>{
+  api.getStaticHospital(id).then((res)=>{
+    let result=res.data.data;
+      Object.assign(numInfo,result); 
+  })
+}
+
+
+const queryList = (pageNo, pageSize) => {
+  console.log(666666);
+  const params = {
+    page: pageNo,
+    page_size: pageSize,
+  };
+ isArticle.value?searchArticle(params):searchVideo(params)
+};
+</script>
+
+<style lang="scss" scoped>
+.tabcon{
+  margin:0 20rpx;
+}
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  margin-bottom: 20rpx;
+  // padding: 0 30rpx;
+  justify-content: space-between;
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #3cc7c0;
+    }
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4b5563;
+    }
+  }
+}
+.filterbox{
+	display: flex;
+	height:128rpx;
+	align-items: center;
+   position: relative;
+  .type{
+    position: absolute;
+    left:30rpx;
+	top:24rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #F3F4F6;
+    border-radius: 15rpx;
+    height: 74rpx;
+    padding:0 25rpx;
+    z-index:2;
+  }
+}
+.u-page {
+  :deep(.u-flex) {
+    display: flex;
+    flex-direction:row;
+	overflow: hidden;
+
+  }
+  :deep(.u-dropdown__menu){
+	 	
+    background: #fff;
+    z-index:1;
+    margin-left: 180rpx;
+
+  }
+  :deep(.u-dropdown__menu__item){
+	 
+        height:74rpx;
+        padding:0 20rpx;
+        background: #F3F4F6;
+        border-radius: 15rpx;
+	    flex:none;
+		margin-left: 60rpx;
+     
+  }
+  .deal {
+    margin-top: 20rpx;
+    display: flex;
+    color: #6b7280;
+    font-size: 24rpx;
+    justify-content: space-between;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .recored{
+      display: flex;
+      align-items: center;
+      font-size: 31rpx;
+     color: #3CC7C0;
+    }
+    .collect {
+      display: flex;
+      align-items: center;
+    }
+    .eyebox {
+      width: 160rpx;
+      display: flex;
+      align-items: center;
+    }
+    .time {
+      display: flex;
+      align-items: center;
+    }
+    .num {
+      margin-left: 8rpx;
+    }
+  }
+  .item {
+    border-bottom: 1rpx solid #f3f4f6;
+    padding: 30rpx;
+    .title {
+      font-size: 30rpx;
+      color: #111827;
+      line-height: 46rpx;
+    }
+  }
+  .tagsbox {
+    margin-top: 20rpx;
+    display: flex;
+    .tag {
+      padding: 0 10rpx;
+      margin-right: 16rpx;
+      height: 46rpx;
+      line-height: 46rpx;
+      text-align: center;
+      background: rgba(60, 199, 192, 0.1);
+      border-radius: 8rpx;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #3cc7c0;
+    }
+  }
+}
+.detail {
+  background: #f9f9f9;
+  padding: 12rpx 30rpx;
+  .desc {
+    font-size: 26rpx;
+    color: #4b5563;
+    line-height: 40rpx;
+  }
+  .red{
+     color: #FF0000;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index 2ad1dd6..d0c393d 100644
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -58,7 +58,25 @@
             autoplay="{{false}}"
           >
           </polyv-player>
+          <view class="votebox">
+             <view class="name">在线投票</view>
+             <view class="title">肝胆相照临床病例库肝胆相照临床病例库肝胆</view>
+             <view class="options">
+               <view class="option">
+                <view class="row">
+                  <view class="left">治疗有效性</view>
+                  <view class="num">0%</view>
+                </view>
+                <view class="line">
+                  <view class="inner" style="width: 10%"></view>
+                </view>
+
+               </view>
+
+             </view>
+          </view>
         </view>
+
         <!-- 评论框 -->
         <up-popup
           :zIndex="11"
@@ -572,6 +590,44 @@ const toggleCollect=()=>{
 </script>
 
 <style lang='scss' scoped>
+.votebox{
+  padding:30rpx;
+  background:#fff;
+  .name{
+    font-size: 36rpx;
+    color: #000000;
+    line-height: 46rpx;
+  }
+  .title{
+    margin-top: 24rpx;
+    font-size: 30rpx;
+    color: #333333;
+    line-height: 46rpx;
+  }
+  .option{
+    margin-top: 26rpx;
+    .row{
+      font-size: 27rpx;
+     color: #4B5563;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .line{
+      width: 100%;
+     height: 15rpx;
+      background: #F3F4F6;
+       border-radius: 19rpx;
+       overflow: hidden;
+       .inner{
+         height: 15rpx;
+         background: #3CC7C0;
+         border-radius: 19rpx;
+       }
+    }
+    
+  }
+}
 .imgboxshang {
   display: flex;
   align-items: center;
@@ -580,7 +636,7 @@ const toggleCollect=()=>{
   margin: 0 30rpx 30rpx;
   .imgunit {
     width: 150rpx;
-    hight: 150rpx;
+    height: 150rpx;
     position: relative;
     .close {
       position: absolute;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index ef0f4b5..a95328b 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -271,7 +271,8 @@ onLoad(() => {
 }
 .page {
   background: #f9fafb;
-  min-height: 100vh;
+  height: calc(100vh - 400rpx);
+  overflow-y: scroll;
 }
 .kubox {
   padding: 30rpx 0;
diff --git a/pages/my/my.vue b/pages/my/my.vue
index fb2cb1a..a2ccbf6 100644
--- a/pages/my/my.vue
+++ b/pages/my/my.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="upage">
     <dNav></dNav>
-    <view class="infobox">
+    <view class="con">
+      <view class="infobox">
       <up--image
         :src="headImg"
         width="154rpx"
@@ -31,34 +32,145 @@
       </view>
     </view>
     <view class="listbox">
-        <view class="title">我的临床病例库</view>
-        <view class="cell">
+        <view class="titlename">我的临床病例库</view>
+        <view class="cell" @click="goDoctor">
            <view class="left">
              <u-icon name="chat-fill" color="#000" size="28"></u-icon>
             <view class="title">我的病例库</view>
            </view>
-            <u-icon name="arrow-right" color="#000" size="28"></u-icon>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+         <view class="cell" @click="goCert">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">临床病例库收录证书下载</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+         <view class="cell" @click="goHospital">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">XXXX医院临床病例库</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+         <view class="cell" @click="mySpecial">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">我的病例交流</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+         <view class="cell" @click="goJoin">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">我的参与互动</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
+        </view>
+        <view class="cell" @click="goCollect">
+           <view class="left">
+             <u-icon name="chat-fill" color="#000" size="28"></u-icon>
+            <view class="title">浏览与收藏</view>
+           </view>
+            <u-icon name="arrow-right" color="#9CA3AF" size="18"></u-icon>
         </view>
 
 
     </view>
+    </view>
+    <view class="publish" @click="goPublish">
+      <u-icon name="plus" color="#fff" size="18"></u-icon>
+    </view>
   </div>
 </template>
 
 <script setup>
 import dNav from "@/components/backNav/backNav.vue";
 import headImg from "@/static/headImg.png";
+const goCert = () => {
+  uni.navigateTo({
+    url: "/pages/certList/certList",
+  });
+};
+const goDoctor=()=>{
+	uni.navigateTo({
+		url:'/pages/searchList/searchList?type=doctor'
+	})
+}
+const goHospital=()=>{
+	uni.navigateTo({
+		url:'/pages/searchList/searchList?type=hospital'
+	})
+}
+const mySpecial=()=>{ 
+  uni.navigateTo({
+    url:'/pages/specialList/specialList'
+  })
+}
+const goJoin=()=>{
+	uni.navigateTo({
+		url:'/pages/myJoin/myJoin'
+	})
+}
+const goCollect=()=>{
+	uni.navigateTo({
+		url:'/pages/myCollect/myCollect'
+	})
+}
+const goPublish=()=>{
+	uni.navigateTo({
+		url:'/pages/publish/publish'
+	})
+}
 </script>
-
 <style lang='scss' scoped>
+.upage{
+  height:100vh;
+  display: flex;
+  flex-direction: column;
+}
+.con{
+  height:calc(100vh - 100rpx);
+  overflow-y: scroll;
+}
+.publish{
+	width: 92rpx;
+	height: 92rpx;
+	background: #3CC7C0;
+	border-radius: 50%;
+	position: fixed;
+  right:30rpx;
+  bottom:100rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .listbox{
+    margin:34rpx 30rpx 0;
+    .titlename{
+      margin-bottom: 30rpx;
+    }
     .cell{
+      height: 108rpx;
+        padding:0 30rpx;
+         margin-bottom: 30rpx;
+      background: #F9FAFB;
+     border-radius: 15rpx;
+     display: flex;
+     justify-content: space-between;
+     align-items: center;
         .left{
              display: flex;
-        justify-content: space-between;
+          justify-content: space-between;
+        font-size: 32rpx;
+         color: #000000;
+         .title{
+          margin-top: 4rpx;
+          margin-left: 8rpx;
+         }
         }
-        display: flex;
-        justify-content: space-between;
+        
     }
 }
 .databox {
diff --git a/pages/myCollect/myCollect.vue b/pages/myCollect/myCollect.vue
new file mode 100644
index 0000000..ed6b3f3
--- /dev/null
+++ b/pages/myCollect/myCollect.vue
@@ -0,0 +1,363 @@
+<template>
+  <view class="u-page">
+    <z-paging
+      ref="paging"
+      inside-more
+      loading-more-no-more-text="咱也是有底线的！"
+      :auto-show-back-to-top="true"
+      v-model="dataList"
+      @query="queryList"
+    >
+     <template #top>
+        <navBarSearch :searchWord="keyWord" :navName="navName"></navBarSearch>
+        <view class="filterbox">
+           <!-- <view class="type" @click="swicthType">{{!isArticle?'文章':'视频'}}<up--image :src="switchImg"  width="31rpx" height="31rpx"></up--image></view> -->
+           <up-dropdown class="u-dropdown" ref="uDropdownRef">
+            <up-dropdown-item
+              v-model="order.push_date"
+              title="收藏"
+			        @change="change"
+              :options="options"
+            ></up-dropdown-item>
+			<up-dropdown-item
+			   v-model="order.read_num"
+			   title="文章病例库"
+			    @change="change"
+			  :options="options"
+			></up-dropdown-item>
+          </up-dropdown>
+		 
+        </view>
+      </template> 
+      <view class="item" v-for="(item, index) in dataList" :key="index" @click="isArticle?goDetail(item.article_id):goDetail(item.video_id)">
+        <view class="title ellipsis">{{isArticle?item.article_title:item.video_title }}</view>
+        <view class="tagsbox">
+              <view class="tag" v-for="tag in item.author" :key="tag.author_id">{{ tag.doctor_name }}</view>
+        </view>
+        <view class="deal">
+          <view class="left">
+            <view class="eyebox">
+              <up-icon name="eye" color="#6B7280" size="28rpx"></up-icon>
+              <view class="num">{{item.read_num }}</view>
+            </view>
+            <view class="collect">
+              <up-icon name="heart" color="#6B7280" size="28rpx"></up-icon>
+              <view class="num">{{item.collect_num }}</view>
+            </view>
+          </view>
+          <view class="time">
+            <up-icon name="clock" color="#6B7280" size="28rpx"></up-icon>
+            <view class="num">{{formatdate(item.push_date) }}</view>
+          </view>
+        </view>
+		</view>
+    </z-paging>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from "vue";
+import navBarSearch from "@/components/navBarSearch/navBarSearch.vue";
+import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
+import api from "@/api/api";
+import { onLoad } from "@dcloudio/uni-app";
+import dayjs from "dayjs";
+import switchImg from "@/static/switch.png";
+const paging = ref(null);
+const uDropdownRef=ref(null);
+const dataList = ref([]);
+const total = ref(0);
+const value = ref("");
+const keyWord = ref("");
+const page=ref(1);
+const isArticle=ref(true);
+const hospital_id=ref('');
+const hospital_name=ref('');
+const doctor_id=ref('');
+const doctor_name=ref('');
+const numInfo=reactive({});
+const navName=ref('肝胆相照临床病例库')
+const options= ref([
+  {
+    label: "收藏",
+    value: 0,
+  },
+  {
+    label: "浏览",
+    value:1,
+  },
+]);
+const options1= ref([
+  {
+    label: "文章病例库",
+    value: 0,
+  },
+  {
+    label: "视频病例库",
+    value:1,
+  },
+  {
+    label: "病例交流",
+    value:2,
+  },
+]);
+
+const order=reactive({
+	  read_num:'',
+	  push_date:''
+})
+
+onLoad((options) => {
+  if(options.keyWord){
+    keyWord.value = options.keyWord;
+  };
+  if(options.order=='new'){
+	  order.push_date='asc'
+  };
+  if(options.order=='read'){
+  	  order.read_num='desc'
+  };
+  if(options.order=='video'){
+    isArticle.value=false;
+   }
+  if(options.doctor_id){
+    doctor_id.value=options.doctor_id;
+    doctor_name.value=options.doctor_name
+    navName.value= doctor_name.value+'临床病例库'
+    getStaticDoctor(doctor_id.value)
+  }
+  if(options.hospital_id){
+    hospital_id.value=options.hospital_id;
+    hospital_name.value=options.hospital_name;
+    navName.value= hospital_name.value+'临床病例库'
+    getStaticDoctor(hospital_id.value)
+
+  }
+});
+const change=(e)=>{
+  paging.value.reload();
+}
+const formatdate=(date)=>{
+  return dayjs(date).format('YYYY-MM-DD')
+}
+const goDetail=(id)=>{
+   console.log(11111)
+  console.log(id)
+  let type=isArticle.value?'article':'video'
+  uni.navigateTo({
+    url: `/pages/detail/detail?id=${id}&type=${type}`
+  })
+}
+const swicthType=()=>{
+	isArticle.value=!isArticle.value;
+	 dataList.value=[];
+	 order.read_num='';
+	 order.push_date='';
+	 paging.value.reload();
+}
+const searchArticle =(params) => {
+  let searchForm={
+      keyword: keyWord.value,
+      doctor_id:doctor_id.value,
+      hospital_id:hospital_id.value
+    }
+	if(!order.read_num){
+		delete order.read_num
+	}
+	if(!order.push_date){
+		   delete order.push_date
+	 }
+  if(order.read_num || order.push_date){
+     searchForm.order=order
+  }
+  api.searchArticle({
+	    ...searchForm,
+      ...params
+  }).then((res)=>{
+    paging.value.complete(res.data.data.data);
+     total.value=res.data.data.total;
+  }).catch(err=>{
+    paging.value.complete(false);
+ })
+}
+
+const searchVideo = async(params) => {
+   let searchForm={
+      keyword: keyWord.value,
+    }
+	if(!order.read_num){
+		delete order.read_num
+	}
+	if(!order.push_date){
+		   delete order.push_date
+	 }
+  if(order.read_num || order.push_date){
+     searchForm.order=order
+  }
+  api.searchVideo({
+    ...params
+  }).then((res)=>{
+     paging.value.complete(res.data.data.data);
+     total.value=res.data.data.total;
+  }).catch(err=>{
+    paging.value.complete(false);
+ })
+}
+const getStaticDoctor=(id)=>{
+  api.getStaticDoctor(id).then((res)=>{
+    let result=res.data.data;
+      Object.assign(numInfo,result); 
+  })
+}
+const getStaticHospital=(id)=>{
+  api.getStaticHospital(id).then((res)=>{
+    let result=res.data.data;
+      Object.assign(numInfo,result); 
+  })
+}
+
+
+const queryList = (pageNo, pageSize) => {
+  console.log(666666);
+  const params = {
+    page: pageNo,
+    page_size: pageSize,
+  };
+ isArticle.value?searchArticle(params):searchVideo(params)
+};
+</script>
+
+<style lang="scss" scoped>
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  margin-bottom: 20rpx;
+  // padding: 0 30rpx;
+  justify-content: space-between;
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #3cc7c0;
+    }
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4b5563;
+    }
+  }
+}
+.filterbox{
+	display: flex;
+	height:128rpx;
+	align-items: center;
+   position: relative;
+  .type{
+    position: absolute;
+    left:30rpx;
+	top:24rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #F3F4F6;
+    border-radius: 15rpx;
+    height: 74rpx;
+    padding:0 25rpx;
+    z-index:2;
+  }
+}
+.u-page {
+  :deep(.u-flex) {
+    display: flex;
+    flex-direction:row;
+	overflow: hidden;
+
+  }
+  :deep(.u-dropdown__menu){
+	 	
+    background: #fff;
+    z-index:1;
+    margin-left:-30rpx;
+
+  }
+  :deep(.u-dropdown__menu__item){
+	 
+        height:74rpx;
+        padding:0 20rpx;
+        background: #F3F4F6;
+        border-radius: 15rpx;
+	    flex:none;
+		margin-left: 60rpx;
+     
+  }
+  .deal {
+    margin-top: 20rpx;
+    display: flex;
+    color: #6b7280;
+    font-size: 24rpx;
+    justify-content: space-between;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .collect {
+      display: flex;
+      align-items: center;
+    }
+    .eyebox {
+      width: 160rpx;
+      display: flex;
+      align-items: center;
+    }
+    .time {
+      display: flex;
+      align-items: center;
+    }
+    .num {
+      margin-left: 8rpx;
+    }
+  }
+  .item {
+    border-bottom: 1rpx solid #f3f4f6;
+    padding: 30rpx;
+    .title {
+      font-size: 30rpx;
+      color: #111827;
+      line-height: 46rpx;
+    }
+  }
+  .tagsbox {
+    margin-top: 20rpx;
+    display: flex;
+    .tag {
+      padding: 0 10rpx;
+      margin-right: 16rpx;
+      height: 46rpx;
+      line-height: 46rpx;
+      text-align: center;
+      background: rgba(60, 199, 192, 0.1);
+      border-radius: 8rpx;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #3cc7c0;
+    }
+  }
+}
+.detail {
+  background: #f9f9f9;
+  padding: 12rpx 30rpx;
+  .desc {
+    font-size: 26rpx;
+    color: #4b5563;
+    line-height: 40rpx;
+  }
+  .red{
+     color: #FF0000;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/myJoin/myJoin.vue b/pages/myJoin/myJoin.vue
new file mode 100644
index 0000000..eb7c491
--- /dev/null
+++ b/pages/myJoin/myJoin.vue
@@ -0,0 +1,376 @@
+<template>
+  <view class="u-page">
+    <z-paging
+      ref="paging"
+      inside-more
+      loading-more-no-more-text="咱也是有底线的！"
+      :auto-show-back-to-top="true"
+      v-model="dataList"
+      @query="queryList"
+    >
+      <template #top>
+        <navBarSearch :searchWord="keyWord" :navName="navName"></navBarSearch>
+        <view class="tabcon">
+          <up-tabs
+            :activeStyle="{
+              color: '#3CC7C0',
+            }"
+            :inactiveStyle="{
+              color: '#4B5563',
+            }"
+            lineColor="#3CC7C0"
+            lineWidth="155rpx"
+            lineHeight="2"
+            :list="tabList"
+            @click="switchTab"
+          ></up-tabs>
+        </view>
+      </template>
+      <view
+        class="item"
+        v-for="(item, index) in dataList"
+        :key="index"
+        @click="isArticle ? goDetail(item.article_id) : goDetail(item.video_id)"
+      >
+        <view class="title ellipsis">{{
+          isArticle ? item.article_title : item.video_title
+        }}</view>
+        <view class="tagsbox">
+          <view class="tag" v-for="tag in item.author" :key="tag.author_id">{{
+            tag.doctor_name
+          }}</view>
+        </view>
+        <view class="deal">
+          <view class="left">
+            <view class="recored">
+              <up--image
+                :src="certImg"
+                width="39rpx"
+                height="39rpx"
+              ></up--image>
+              收录证书
+            </view>
+          </view>
+          <view class="time">
+            <up-icon name="clock" color="#6B7280" size="28rpx"></up-icon>
+            <view class="num">{{ formatdate(item.push_date) }}</view>
+          </view>
+        </view>
+      </view>
+    </z-paging>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from "vue";
+import navBarSearch from "@/components/navBarSearch/navBarSearch.vue";
+import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
+import api from "@/api/api";
+import { onLoad } from "@dcloudio/uni-app";
+import dayjs from "dayjs";
+import switchImg from "@/static/switch.png";
+import certImg from "@/static/cert.png";
+const paging = ref(null);
+const uDropdownRef = ref(null);
+const dataList = ref([]);
+const total = ref(0);
+const value = ref("");
+const keyWord = ref("");
+const page = ref(1);
+const isArticle = ref(true);
+const hospital_id = ref("");
+const hospital_name = ref("");
+const doctor_id = ref("");
+const doctor_name = ref("");
+const numInfo = reactive({});
+const navName = ref("肝胆相照临床病例库");
+const options = ref([
+  {
+    label: "正序",
+    value: "asc",
+  },
+  {
+    label: "倒序",
+    value: "desc",
+  },
+]);
+const tabList = ref([
+  {
+    name: "病例交流",
+  },
+  {
+    name: "文章病例库",
+  },
+  {
+    name: "视频病例库",
+  },
+]);
+const order = reactive({
+  read_num: "",
+  push_date: "",
+});
+const switchTab = (index) => {
+  console.log("item", index);
+};
+onLoad((options) => {
+  if (options.keyWord) {
+    keyWord.value = options.keyWord;
+  }
+  if (options.order == "new") {
+    order.push_date = "asc";
+  }
+  if (options.order == "read") {
+    order.read_num = "desc";
+  }
+  if (options.order == "video") {
+    isArticle.value = false;
+  }
+  if (options.doctor_id) {
+    doctor_id.value = options.doctor_id;
+    doctor_name.value = options.doctor_name;
+    navName.value = doctor_name.value + "临床病例库";
+    getStaticDoctor(doctor_id.value);
+  }
+  if (options.hospital_id) {
+    hospital_id.value = options.hospital_id;
+    hospital_name.value = options.hospital_name;
+    navName.value = hospital_name.value + "临床病例库";
+    getStaticDoctor(hospital_id.value);
+  }
+});
+const change = (e) => {
+  paging.value.reload();
+};
+const formatdate = (date) => {
+  return dayjs(date).format("YYYY-MM-DD");
+};
+const goDetail = (id) => {
+  console.log(11111);
+  console.log(id);
+  let type = isArticle.value ? "article" : "video";
+  uni.navigateTo({
+    url: `/pages/detail/detail?id=${id}&type=${type}`,
+  });
+};
+const swicthType = () => {
+  isArticle.value = !isArticle.value;
+  dataList.value = [];
+  order.read_num = "";
+  order.push_date = "";
+  paging.value.reload();
+};
+const searchArticle = (params) => {
+  let searchForm = {
+    keyword: keyWord.value,
+    doctor_id: doctor_id.value,
+    hospital_id: hospital_id.value,
+  };
+  if (!order.read_num) {
+    delete order.read_num;
+  }
+  if (!order.push_date) {
+    delete order.push_date;
+  }
+  if (order.read_num || order.push_date) {
+    searchForm.order = order;
+  }
+  api
+    .searchArticle({
+      ...searchForm,
+      ...params,
+    })
+    .then((res) => {
+      paging.value.complete(res.data.data.data);
+      total.value = res.data.data.total;
+    })
+    .catch((err) => {
+      paging.value.complete(false);
+    });
+};
+
+const searchVideo = async (params) => {
+  let searchForm = {
+    keyword: keyWord.value,
+  };
+  if (!order.read_num) {
+    delete order.read_num;
+  }
+  if (!order.push_date) {
+    delete order.push_date;
+  }
+  if (order.read_num || order.push_date) {
+    searchForm.order = order;
+  }
+  api
+    .searchVideo({
+      ...params,
+    })
+    .then((res) => {
+      paging.value.complete(res.data.data.data);
+      total.value = res.data.data.total;
+    })
+    .catch((err) => {
+      paging.value.complete(false);
+    });
+};
+const getStaticDoctor = (id) => {
+  api.getStaticDoctor(id).then((res) => {
+    let result = res.data.data;
+    Object.assign(numInfo, result);
+  });
+};
+const getStaticHospital = (id) => {
+  api.getStaticHospital(id).then((res) => {
+    let result = res.data.data;
+    Object.assign(numInfo, result);
+  });
+};
+
+const queryList = (pageNo, pageSize) => {
+  console.log(666666);
+  const params = {
+    page: pageNo,
+    page_size: pageSize,
+  };
+  isArticle.value ? searchArticle(params) : searchVideo(params);
+};
+</script>
+
+<style lang="scss" scoped>
+.tabcon {
+  margin: 0 20rpx;
+}
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  margin-bottom: 20rpx;
+  // padding: 0 30rpx;
+  justify-content: space-between;
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #3cc7c0;
+    }
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4b5563;
+    }
+  }
+}
+.filterbox {
+  display: flex;
+  height: 128rpx;
+  align-items: center;
+  position: relative;
+  .type {
+    position: absolute;
+    left: 30rpx;
+    top: 24rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #f3f4f6;
+    border-radius: 15rpx;
+    height: 74rpx;
+    padding: 0 25rpx;
+    z-index: 2;
+  }
+}
+.u-page {
+  :deep(.u-flex) {
+    display: flex;
+    flex-direction: row;
+    overflow: hidden;
+  }
+  :deep(.u-dropdown__menu) {
+    background: #fff;
+    z-index: 1;
+    margin-left: 180rpx;
+  }
+  :deep(.u-dropdown__menu__item) {
+    height: 74rpx;
+    padding: 0 20rpx;
+    background: #f3f4f6;
+    border-radius: 15rpx;
+    flex: none;
+    margin-left: 60rpx;
+  }
+  .deal {
+    margin-top: 20rpx;
+    display: flex;
+    color: #6b7280;
+    font-size: 24rpx;
+    justify-content: space-between;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .recored {
+      display: flex;
+      align-items: center;
+      font-size: 31rpx;
+      color: #3cc7c0;
+    }
+    .collect {
+      display: flex;
+      align-items: center;
+    }
+    .eyebox {
+      width: 160rpx;
+      display: flex;
+      align-items: center;
+    }
+    .time {
+      display: flex;
+      align-items: center;
+    }
+    .num {
+      margin-left: 8rpx;
+    }
+  }
+  .item {
+    border-bottom: 1rpx solid #f3f4f6;
+    padding: 30rpx;
+    .title {
+      font-size: 30rpx;
+      color: #111827;
+      line-height: 46rpx;
+    }
+  }
+  .tagsbox {
+    margin-top: 20rpx;
+    display: flex;
+    .tag {
+      padding: 0 10rpx;
+      margin-right: 16rpx;
+      height: 46rpx;
+      line-height: 46rpx;
+      text-align: center;
+      background: rgba(60, 199, 192, 0.1);
+      border-radius: 8rpx;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #3cc7c0;
+    }
+  }
+}
+.detail {
+  background: #f9f9f9;
+  padding: 12rpx 30rpx;
+  .desc {
+    font-size: 26rpx;
+    color: #4b5563;
+    line-height: 40rpx;
+  }
+  .red {
+    color: #ff0000;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/publish/publish.vue b/pages/publish/publish.vue
new file mode 100644
index 0000000..d562290
--- /dev/null
+++ b/pages/publish/publish.vue
@@ -0,0 +1,654 @@
+<template>
+  <div class="upage">
+    <backNav :navName="'发病例交流帖'"></backNav>
+    <view class="form">
+      <view class="textbox">
+        <up--textarea
+          autoHeight
+          v-model="form.title"
+          placeholder="输入标题，可包含患者信息、主诉"
+        ></up--textarea>
+      </view>
+      <view class="row">
+        <view class="left"> 病例信息 </view>
+        <view class="right">
+          <u-icon name="trash" color="#6B7280" size="18"></u-icon>
+          清除模板
+        </view>
+      </view>
+      <view class="textcon">
+        <view class="textcell">
+          <view class="title">【患者信息】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入患者信息"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【主诉】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入主诉"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【现病史及既往史】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入现病史及既往史"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【检查】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入检查内容"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【临床诊断】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入临床诊断"
+            ></up--textarea>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="title">【治疗经过及结果】：</view>
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="请输入治疗经过及结果"
+            ></up--textarea>
+          </view>
+        </view>
+      </view>
+      <view class="textcon">
+        <view class="row">
+          <view class="left">
+            总结与讨论 <text class="tip">(可不填)</text>
+          </view>
+        </view>
+        <view class="textcell">
+          <view class="iptbox">
+            <up--textarea
+              maxlength="-1"
+              autoHeight
+              v-model="form.title"
+              placeholder="分享经验和心得，如：诊断与鉴别诊断易错点，治疗过程难点，病例的相关知识总结及讨论等"
+            ></up--textarea>
+          </view>
+        </view>
+      </view>
+      <view class="textcon">
+        <view class="sickbox">
+          <view class="sick">
+            治疗经过及结果
+            <view class="del">
+              <up-icon name="close-circle" color="#3CC7C0" size="20"></up-icon>
+            </view>
+          </view>
+          <view class="add">
+            <up-icon name="plus" color="#3CC7C0" size="16"></up-icon>
+            添加疾病
+          </view>
+        </view>
+        <view class="toolbox">
+          <view class="cell">
+            <up--image
+              :src="photoImg"
+              class="headImg"
+              width="32rpx"
+              height="32rpx"
+            ></up--image>
+            <view class="name">添加图片</view>
+          </view>
+          <view class="cell">
+            <up--image
+              :src="videoImg"
+              class="headImg"
+              width="32rpx"
+              height="32rpx"
+            ></up--image>
+            <view class="name">添加视频</view>
+          </view>
+          <view class="cell">
+            <up--image
+              :src="addImg"
+              class="headImg"
+              width="32rpx"
+              height="32rpx"
+            ></up--image>
+            <view class="name">添加小标题</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="bottom">
+      <view class="left">
+        <view class="draft">存草稿</view>
+        <view class="vote">
+          投票
+          <up--image
+            :src="voteImg"
+            class="headImg"
+            width="47rpx"
+            height="47rpx"
+          ></up--image>
+        </view>
+      </view>
+      <view class="right">发布</view>
+    </view>
+
+
+
+	
+    <up-popup
+      :round="10"
+      :show="showVote"
+      mode="bottom"
+      @close="closeVote"
+      @open="openVote"
+    >
+      <view class="votepop">
+        <view class="titlebox">
+          <view class="left" @click="closeVote">取消</view>
+          <view class="right" @click="closeVote">保存</view>
+        </view>
+        <view class="votecon">
+          <view class="titlebox">
+            <view class="title">投票标题</view>
+            <view class="desc">(最多20字)</view>
+          </view>
+          <view class="row first">
+            <up-input
+              placeholder="请输入投票标题"
+              border="surround"
+              v-model="value"
+			  clearable
+            ></up-input>
+          </view>
+		  <view class="row">
+            <up-input
+              placeholder="输入选项，建议少于16个字"
+              border="surround"
+              v-model="value"
+			  clearable
+            ></up-input>
+          </view>
+		   <view class="row">
+            <up-input
+              placeholder="输入选项，建议少于16个字"
+              border="surround"
+              v-model="value"
+			  clearable
+            ></up-input>
+          </view>
+		   <view class="row">
+            <up-input
+              placeholder="输入选项，建议少于16个字"
+              border="surround"
+              v-model="value"
+			  clearable
+            ></up-input>
+          </view>
+
+
+		  <view class="add">
+			   <up-icon name="plus" color="#4B5563" size="18"></up-icon>
+			   <view class="desc">添加选项</view>
+		  </view>
+		  <view class="expire">
+			  <view class="name">有效期（天）</view>
+			  <view class="right">
+				 <view class="minus">-</view>
+				 <view class="day">7</view>
+				 <view class="plus">+</view>
+			  </view>
+		  </view>
+		  <view class="tips">友情提醒：为保证投票结果准确性，帖子发布后投票无法修改</view>
+		 
+        </view>
+		 <view class="confirm">确认</view>
+		   <view class="del">删除投票</view>
+      </view>
+    </up-popup>
+	
+
+	   <up-popup
+		:round="10"
+		zIndex="999999"
+		:show="showDraft"
+		mode="bottom"
+		@close="closeDraft"
+		@open="openDraft"
+    >
+	<view class="draftpop">
+		<view class="titlebox">草稿箱
+			<view class="close" @click="closeDraft"><up-icon name="close" color="#4B5563" size="20"></up-icon></view>
+		</view>
+		<view class="draftlist">
+			<view class="cell">
+				<view class="title">2025: 肝硬化门静脉高压症食管、胃底静脉曲张破裂出血诊治专家共识</view>
+				<view class="smalltitle">版2025 APASL临床实践指南</view>
+				<view class="deal">
+					<view class="time">编辑于03-11</view>
+					<view class="right">
+						<view class="del"><up-icon name="trash" color="#4B5563" size="16"></up-icon>删除</view>
+						<view class="edit"><up-icon name="edit-pen" color="#fff" size="17"></up-icon>编辑</view>
+
+					</view>
+				</view>
+			</view>
+			
+		</view>
+	</view>
+	</up-popup>
+  </div>
+
+</template>
+
+<script setup>
+import { reactive, ref } from "vue";
+import backNav from "@/components/backNav/backNav";
+import photoImg from "@/static/photo.png";
+import addImg from "@/static/add.png";
+import videoImg from "@/static/videoicon.png";
+import voteImg from "@/static/vote.png";
+const form = reactive({
+  title: "",
+});
+const value = ref("");
+
+const showVote = ref(false);
+const showDraft = ref(true);
+const closeVote = () => {
+  showVote.value = false;
+};
+const openVote = () => {
+  showVote.value = true;
+};
+const closeDraft = () => {
+  showDraft.value = false;
+};
+const openDraft = () => {
+  showDraft.value = true;
+};
+
+</script>
+
+<style lang='scss' scoped>
+.draftpop{
+	
+	.titlebox{
+		text-align: center;
+		padding: 30rpx;
+		font-size: 31rpx;
+		color: #111827;
+		position: relative;
+		.close{
+			position: absolute;
+			top:20rpx;
+			right:30rpx;
+		}
+	}
+		.draftlist{
+			height:calc(100vh - 500rpx);
+			overflow-y: scroll;
+		.cell{
+			padding-bottom: 34rpx;
+			border-bottom:2rpx solid #E5E7EB;
+			.title{
+				margin:15rpx 30rpx 0;
+				font-size: 36rpx;
+				color: #111827;
+				line-height: 46rpx;
+			}
+			.smalltitle{
+				margin:4px 30rpx 0;
+				font-size: 30rpx;
+				color: #666666;
+				line-height: 38rpx;
+		}
+		.deal{
+			margin:36rpx 30rpx 0;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.time{
+				font-size: 26rpx;
+				color: #9CA3AF;
+			}
+			.right{
+				display: flex;
+				align-items: center;
+			}
+			.del{
+				width: 138rpx;
+				height: 62rpx;
+				background: #F3F4F6;
+				display: flex;
+				border-radius: 20rpx;
+				align-items: center;
+				font-size: 27rpx;
+				color: #4B5563;
+				justify-content: center;
+			}
+			.edit{
+				margin-left: 23rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: 192rpx;
+				height: 62rpx;
+				font-size: 27rpx;
+					color: #FFFFFF;
+				background: #3CC7C0;
+				border-radius: 20rpx;
+			}
+		}
+	}
+  }
+}
+.expire{
+	margin-top: 46rpx;
+	padding: 0 30rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	.name{
+		font-size: 31rpx;
+   		color: #111827;
+	}
+	.right{
+		display: flex;
+		align-items: center;
+		.day{
+			min-width:50rpx;
+			text-align: center;
+		}
+		.minus{
+			width: 62rpx;
+			height: 62rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background: #F5F5F5;
+			border-radius: 50%;
+			font-size: 50rpx;
+		}
+		.plus{
+			display: flex;
+			align-items: center;
+			font-size:50rpx;
+			justify-content: center;
+            width: 62rpx;
+			height: 62rpx;
+			background: #F5F5F5;
+			border-radius: 50%;
+		}
+	}
+}
+.row{
+	padding: 0 30rpx;
+	margin-bottom: 23rpx;
+
+	:deep(.u-input){
+		background: #F5F5F5;
+	}
+	:deep(.u-input--radius){
+		border-radius: 15rpx;
+	}
+	:deep(.u-input__content__field-wrapper__field){
+		height:92rpx;
+	}
+}
+.first{
+	
+	margin-bottom: 47rpx;
+}
+.votepop {
+	.confirm{
+		margin:39rpx 30rpx 0;
+		height: 92rpx;
+		background: #3CC7C0;
+		border-radius: 15rpx;
+		display: flex;
+		align-items: center;
+		font-size: 31rpx;
+      color: #FFFFFF;
+		justify-content: center;
+	}
+	.del{
+		margin:30rpx 30rpx 30rpx;
+		height: 92rpx;
+		background: #fff;
+		border-radius: 15rpx;
+		font-size: 31rpx;
+       color: #666666;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.tips{
+		margin-top: 30rpx;
+		font-size: 27rpx;
+		color: #9CA3AF;
+		line-height: 38rpx;
+		padding:0 30rpx;
+	}
+   .add{
+	margin:0 30rpx;
+	display: flex;
+	align-items: center;
+	height: 92rpx;
+	justify-content: center;
+	background: #F5F5F5;
+	border-radius: 15rpx;
+	font-size: 31rpx;
+    color: #4B5563;
+	.desc{
+		margin-left: 10rpx;
+	}
+   }
+  .titlebox {
+    padding: 0 30rpx;
+    height: 86rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 2rpx solid #f3f4f6;
+    .left {
+      font-size: 31rpx;
+      color: #4b5563;
+    }
+    .right {
+      font-size: 31rpx;
+      color: #3cc7c0;
+    }
+  }
+  .votecon {
+	  max-height:calc(100vh - 530rpx);
+	  overflow-y: scroll;
+    .titlebox {
+      border: none;
+      margin: 30rpx 0 20rpx;
+      .title {
+        font-size: 31rpx;
+        color: #111827;
+      }
+      .desc {
+        font-size: 27rpx;
+        color: #9ca3af;
+      }
+    }
+  }
+}
+.upage {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.bottom {
+  position: fixed;
+  bottom: 0;
+  border-top: 2rpx solid #e5e7eb;
+  width: 100%;
+  align-items: center;
+  z-index: 3;
+  height: 133rpx;
+  background: #ffffff;
+  display: flex;
+
+  .right {
+    margin-right: 30rpx;
+    flex: 1;
+    margin-left: 32rpx;
+    height: 86rpx;
+    background: #3cc7c0;
+    border-radius: 23rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 31rpx;
+    color: #ffffff;
+  }
+  .left {
+    margin-left: 30rpx;
+    display: flex;
+    .draft {
+      width: 162rpx;
+      height: 86rpx;
+      background: rgba(0, 0, 0, 0);
+      border-radius: 16rpx;
+      border: 2rpx solid #e5e7eb;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .vote {
+      margin-left: 25rpx;
+      width: 162rpx;
+      height: 86rpx;
+      background: rgba(0, 0, 0, 0);
+      border-radius: 16rpx;
+      border: 2rpx solid #e5e7eb;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+.form {
+  height: calc(100vh - 133rpx);
+  margin: -20rpx 0rpx 134rpx;
+  overflow-y: scroll;
+  :deep(.u-image) {
+    background: transparent !important;
+  }
+  .toolbox {
+    padding: 22rpx 30rpx;
+    display: flex;
+    align-items: center;
+    .cell {
+      margin-right: 20rpx;
+      display: flex;
+      align-items: center;
+      .name {
+        font-size: 25rpx;
+        margin-left: 4rpx;
+        color: #4b5563;
+      }
+    }
+  }
+  .sickbox {
+    display: flex;
+    padding: 25rpx 25rpx 0;
+  }
+  .add {
+    display: flex;
+    font-size: 26rpx;
+    justify-content: center;
+    align-items: center;
+    color: #3cc7c0;
+    margin-left: 18rpx;
+  }
+  .sick {
+    position: relative;
+    padding: 0 60rpx 0 30rpx;
+    height: 60rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #f9f9f9;
+    border-radius: 40rpx;
+    font-size: 25rpx;
+    color: #3cc7c0;
+    .del {
+      position: absolute;
+      right: 12rpx;
+    }
+  }
+  .textcon {
+    border-bottom: 2rpx solid #f3f4f6;
+  }
+  .textbox {
+    padding: 0 30rpx;
+    border-bottom: 2rpx solid #f3f4f6;
+
+    :deep(.u-textarea__field) {
+      min-height: 55rpx !important;
+    }
+  }
+
+  .textcell {
+    padding: 0 30rpx;
+    margin-top: 25rpx;
+  }
+
+  .row {
+    padding: 30rpx 30rpx 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .left {
+      font-size: 38rpx;
+      color: #000000;
+      .tip {
+        color: #9ca3af;
+        font-size: 32rpx;
+      }
+    }
+
+    .right {
+      display: flex;
+      align-items: center;
+      color: #6b7280;
+      font-size: 31rpx;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/search/search.vue b/pages/search/search.vue
index 503c851..6987d5c 100644
--- a/pages/search/search.vue
+++ b/pages/search/search.vue
@@ -8,7 +8,7 @@
       v-model="dataList"
       @query="queryList"
     >
-      <template #top>
+     <template #top>
         <navBar :searchWord="keyWord" :navName="navName"></navBar>
       <view class="databox" v-if="hospital_id || doctor_id">
        <view class="cell">
@@ -47,7 +47,7 @@
           </up-dropdown>
 		 
         </view>
-      </template>
+      </template> 
       <view class="item" v-for="(item, index) in dataList" :key="index" @click="isArticle?goDetail(item.article_id):goDetail(item.video_id)">
         <view class="title ellipsis">{{isArticle?item.article_title:item.video_title }}</view>
         <view class="tagsbox">
@@ -69,7 +69,7 @@
             <view class="num">{{formatdate(item.push_date) }}</view>
           </view>
         </view>
-      </view>
+		</view>
     </z-paging>
   </view>
 </template>
diff --git a/pages/searchList/searchList.vue b/pages/searchList/searchList.vue
index 5bc7ddc..3b6061c 100644
--- a/pages/searchList/searchList.vue
+++ b/pages/searchList/searchList.vue
@@ -9,7 +9,7 @@
       @query="queryList"
     >
       <template #top>
-        <navBar :searchWord="keyWord" :navName="navName" :type="type"></navBar>
+        <navBarSearch :searchWord="keyWord" :navName="navName" :type="type"></navBarSearch>
          <!-- <view class="databox">
       <view class="cell">
         <view class="num">22</view>
@@ -74,7 +74,7 @@
 
 <script setup>
 import { ref, reactive } from "vue";
-import navBar from "@/components/navBar/navBar.vue";
+import navBarSearch from "@/components/navBarSearch/navBarSearch.vue";
 import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
 import api from "@/api/api";
 import { onLoad } from "@dcloudio/uni-app";
diff --git a/pages/specialList/specialList.vue b/pages/specialList/specialList.vue
new file mode 100644
index 0000000..e97cad0
--- /dev/null
+++ b/pages/specialList/specialList.vue
@@ -0,0 +1,331 @@
+<template>
+  <view class="upage">
+    <z-paging
+      ref="paging"
+      inside-more
+      loading-more-no-more-text="咱也是有底线的！"
+      :auto-show-back-to-top="true"
+      v-model="dataList"
+      @query="queryList"
+    >
+	 <template #top>
+	  <navBarSearch :navName="'肝胆相照精选病例交流'"></navBarSearch>
+	 <view class="bar"></view>
+	 </template>
+	 <view class="box">
+      <view class="bar"></view>
+      <view class="record">
+        <view class="list">
+          <view class="cell">
+            <view class="title">肝胆相照临床病例库肝胆相照临床病例库肝胆</view>
+            <view class="doctor">
+              <up--image
+                :src="headImg"
+                width="46rpx"
+                height="46rpx"
+                radius="50%"
+              ></up--image>
+              <view class="name">陈XX（首都医科大学附属北京**医院）</view>
+            </view>
+            <view class="content"> 嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎XXXXX </view>
+            <view class="imgbox">
+              <view class="imgcell">
+                <up--image
+                  src="https://cdn.uviewui.com/uview/album/1.jpg"
+                  radius="10"
+                  width="220rpx"
+                  height="220rpx"
+                >
+                  <view slot="error" style="font-size: 24rpx">加载失败</view>
+                </up--image>
+              </view>
+              <view class="imgcell">
+                <up--image
+                  src="https://cdn.uviewui.com/uview/album/1.jpg"
+                  radius="10"
+                  width="220rpx"
+                  height="220rpx"
+                >
+                  <view slot="error" style="font-size: 24rpx">加载失败</view>
+                </up--image>
+              </view>
+              <view class="imgcell">
+                <up--image
+                  src="https://cdn.uviewui.com/uview/album/1.jpg"
+                  radius="10"
+                  width="220rpx"
+                  height="220rpx"
+                >
+                  <view slot="error" style="font-size: 24rpx">加载失败</view>
+                </up--image>
+              </view>
+            </view>
+            <view class="imgbox">
+              <video
+                class="myVideo"
+                src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
+                @error="videoErrorCallback"
+                controls
+              ></video>
+            </view>
+            <view class="tagbox">
+              <view class="tag">标签</view>
+            </view>
+            <view class="deal">
+              <view class="left">
+                <view class="eyebox item">
+                  <up-icon name="eye" color="#4B5563" size="28rpx"></up-icon>
+                  <view class="num">11</view>
+                </view>
+                <view class="collect item">
+                  <up-icon name="heart" color="#4B5563" size="28rpx"></up-icon>
+                  <view class="num">22</view>
+                </view>
+                <view class="chat item">
+                  <up-icon name="chat" color="#4B5563" size="28rpx"></up-icon>
+                  <view class="num">22</view>
+                </view>
+              </view>
+              <view class="time">
+                <up-icon name="clock" color="#4B5563" size="28rpx"></up-icon>
+                <view class="num">{{ formatdate("2022-10-23") }}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+     </view>
+    </z-paging>
+   
+    
+  </view>
+
+  <!-- <tabBar :value="2"></tabBar> -->
+</template>
+
+<script setup>
+import { ref } from "vue";
+import navBar from "@/components/navBar/navBar.vue";
+import tabBar from "@/components/tabBar/tabBar.vue";
+import headImg from "@/static/headImg.png";
+import dayjs from "dayjs";
+import api from "@/api/api";
+import list from "@/uni_modules/z-paging/components/z-paging/z-paging";
+const paging = ref(null);
+const dataList = ref([]);
+const formatdate = (date) => {
+  return dayjs(date).format("YYYY-MM-DD");
+};
+const videoErrorCallback = (e) => {
+  uni.showModal({
+    content: e.target.errMsg,
+    showCancel: false,
+  });
+};
+
+const queryList = (pageNo, pageSize) => {
+  console.log(666666);
+  const params = {
+    page: pageNo,
+    page_size: pageSize,
+  };
+  api.queryList(params).then((res) => {
+	 paging.value.complete(res.data.data);
+    })
+};
+
+</script>
+
+<style lang='scss' scoped>
+.upage {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 100rpx);
+}
+
+.box {
+  flex: 1;
+  padding-bottom: 30rpx;
+  overflow-y: scroll;
+}
+
+.myVideo {
+  width: 100%;
+  border-radius: 15rpx;
+}
+
+.deal {
+  margin-top: 20rpx;
+  display: flex;
+  color: #4b5563;
+  font-size: 24rpx;
+  justify-content: space-between;
+
+  .left {
+    display: flex;
+    align-items: center;
+
+    .item {
+      width: 100rpx;
+    }
+  }
+
+  .collect {
+    display: flex;
+    align-items: center;
+  }
+
+  .eyebox,
+  .chat {
+    display: flex;
+    align-items: center;
+  }
+
+  .time {
+    display: flex;
+    align-items: center;
+  }
+
+  .num {
+    margin-left: 8rpx;
+  }
+}
+
+.tagbox {
+  margin-top: 24rpx;
+  display: flex;
+
+  .tag {
+    height: 54rpx;
+    padding: 0 28rpx;
+    background: #ecfaf9;
+    border-radius: 30rpx;
+    font-size: 27rpx;
+    color: #3cc7c0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.doctor {
+  display: flex;
+  align-items: center;
+}
+
+.record {
+  padding-top: 30rpx;
+
+  .list {
+    margin: 30rpx 30rpx;
+
+    .name {
+      margin: 20rpx 0 20rpx 15rpx;
+      font-size: 27rpx;
+      color: #333333;
+    }
+
+    .content {
+      font-size: 27rpx;
+      color: #666666;
+      line-height: 38rpx;
+    }
+
+    .imgbox {
+      display: flex;
+      margin-top: 24rpx;
+
+      .imgcell {
+        width: 220rpx;
+        height: 220rpx;
+        margin-right: 20rpx;
+      }
+
+      .imgcell:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+.special {
+  padding-top: 30rpx;
+
+  .list {
+    margin: 8rpx 30rpx 0;
+
+    .cell {
+      padding: 22rpx 0;
+      display: flex;
+      border-bottom: 2rpx solid #f3f4f6;
+
+      .circle {
+        margin-top: 15rpx;
+        width: 15rpx;
+        height: 15rpx;
+        background: #3cc7c0;
+        border-radius: 50%;
+      }
+
+      .title {
+        margin-left: 10rpx;
+        font-size: 32rpx;
+        color: #000000;
+        line-height: 46rpx;
+      }
+    }
+
+    .cell:last-child {
+      border-bottom: none;
+    }
+  }
+}
+
+.titlebox {
+  margin: 0 30rpx;
+  display: flex;
+  justify-content: space-between;
+
+  .more {
+    display: flex;
+    align-items: center;
+
+    .morename {
+      margin-right: 10rpx;
+      font-size: 28rpx;
+      color: #3cc7c0;
+    }
+  }
+}
+
+.bar {
+  height: 16rpx;
+  background: #f3f4f6;
+}
+
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  padding: 0 30rpx;
+  justify-content: space-between;
+
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #3cc7c0;
+    }
+
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4b5563;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/static/add.png b/static/add.png
new file mode 100644
index 0000000..32082c3
Binary files /dev/null and b/static/add.png differ
diff --git a/static/cert.png b/static/cert.png
new file mode 100644
index 0000000..d30597c
Binary files /dev/null and b/static/cert.png differ
diff --git a/static/logo.png b/static/logo.png
index b5771e2..ab5685c 100644
Binary files a/static/logo.png and b/static/logo.png differ
diff --git a/static/photo.png b/static/photo.png
new file mode 100644
index 0000000..6e2fcb0
Binary files /dev/null and b/static/photo.png differ
diff --git a/static/videoicon.png b/static/videoicon.png
new file mode 100644
index 0000000..4849f12
Binary files /dev/null and b/static/videoicon.png differ
diff --git a/static/vote.png b/static/vote.png
new file mode 100644
index 0000000..7f7f085
Binary files /dev/null and b/static/vote.png differ