xinda-miniprogram/src/patient/pages/doctorDetail/index.scss

page {
  background: rgba(246, 248, 249, 1);
}
.page {
  min-height: 100vh;
  padding: 0 30rpx;
  .container {
    position: relative;
    padding: 32rpx 32rpx 32rpx 32rpx;
    background: linear-gradient(53deg, #ffffff 0%, rgba(255, 255, 255, 0.46) 100%);
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    border: 2rpx solid #ffffff;
    .avatar {
      position: absolute;
      top: -36rpx;
      right: 32rpx;
      width: 164rpx;
      height: 164rpx;
      .avatar-user {
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }
    .name {
      padding-right: 220rpx;
      font-size: 40rpx;
      color: rgba(33, 29, 46, 1);
      font-weight: bold;
      line-height: 48rpx;
      .label {
        margin-left: 10rpx;
        display: inline;
        font-weight: normal;
        font-size: 28rpx;
        color: rgba(105, 104, 110, 1);
        .line {
          margin: 0 6rpx;
        }
      }
    }
    .hostipal {
      margin-top: 20rpx;
      padding-right: 220rpx;
      font-size: 28rpx;
      color: rgba(105, 104, 110, 1);
      .tag {
        margin-right: 12rpx;
        display: inline-block;
        flex-shrink: 0;
        padding: 2rpx 12rpx;
        font-size: 22rpx;
        color: #fff;
        border-radius: 8rpx;
        background: linear-gradient(90deg, #ffd650 0%, #f8a61a 100%);
      }
    }
    .card {
      margin-top: 32rpx;
      padding-top: 32rpx;
      border-top: 1px solid rgba(246, 248, 249, 1);
      .c-row {
        display: flex;
        gap: 16rpx;
        font-size: 28rpx;
        color: rgba(105, 104, 110, 1);
        .icon {
          flex-shrink: 0;
          width: 36rpx;
          height: 36rpx;
        }
        .site-num {
          margin-top: 10rpx;
          flex-shrink: 0;
          font-size: 24rpx;
          color: #9b9ea6;
        }
      }
    }
  }
  .info-card {
    margin-top: 24rpx;
    padding: 32rpx;
    background: #ffffff;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    border: 2rpx solid #ffffff;
    .r-title {
      width: 116rpx;
      height: 42rpx;
    }
    .r-content {
      margin-top: 16rpx;
      font-size: 28rpx;
      color: rgba(105, 104, 110, 1);
      line-height: 44rpx;
      white-space: pre-line;
    }
  }
}