<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>
