5.29

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 {