111

2025-05-23 17:39:14 +08:00
parent b869716006
commit 1ee5968dfe
17 changed files with 1780 additions and 722 deletions
@@ -0,0 +1,104 @@
+<template>
+  <div class="upage">
+    <dNav></dNav>
+    <view class="infobox">
+      <up--image
+        :src="headImg"
+        width="154rpx"
+        height="154rpx"
+        radius="50%"
+      ></up--image>
+      <view class="info">
+        <view class="name">
+            张三（主任医师）
+        </view>
+        <view class="hospital">首都医科大学附属北京**医院</view>
+
+      </view>
+    </view>
+    <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="listbox">
+        <view class="title">我的临床病例库</view>
+        <view class="cell">
+           <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>
+        </view>
+
+
+    </view>
+  </div>
+</template>
+
+<script setup>
+import dNav from "@/components/backNav/backNav.vue";
+import headImg from "@/static/headImg.png";
+</script>
+
+<style lang='scss' scoped>
+.listbox{
+    .cell{
+        .left{
+             display: flex;
+        justify-content: space-between;
+        }
+        display: flex;
+        justify-content: space-between;
+    }
+}
+.databox {
+  height: 162rpx;
+  background: #ffffff;
+  display: flex;
+  padding: 10rpx 0rpx;
+  justify-content: space-between;
+  border-bottom:2rpx solid rgba($color: #000000, $alpha: 0.1);
+  .cell {
+    flex: 1;
+    padding: 35rpx 0;
+
+    text-align: center;
+
+    .num {
+      font-size: 38rpx;
+      color: #000000;
+    }
+    .name {
+      margin-top: 18rpx;
+      font-size: 28rpx;
+      color: #4B5563;
+    }
+  }
+}
+.infobox{
+    margin:0 30rpx;
+  display: flex;
+  .info{
+    margin-left: 20rpx;
+    .name{
+        font-size: 32rpx;
+        color: #000000;
+        line-height: 46rpx;
+    }
+    .hospital{
+        font-size: 28rpx;
+        color: #4B5563;
+        line-height: 38rpx;}
+  }
+}
+</style>