GeneB-miniprogram/src/patient/pages/home/index.wxml

<navbar fixed custom-style="background:{{background}}" back>
  <image class="page-title" slot="left" src="{{imageUrl}}index-title1.png?t={{Timestamp}}"></image>
</navbar>
<view class="page" style="padding-top:{{pageTop}}px;background:url('{{imageUrl}}bg4.png?t={{Timestamp}}') no-repeat top center/100% 666rpx">
  <view class="user">
    <view class="avatar">
      <image
        class="avatar-img"
        src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
      ></image>
    </view>
    <view class="wrap">
      <view class="name">Hi！王先生</view>
      <view class="content">
        今天是您加入的第
        <text class="num">100</text>
        天
      </view>
    </view>
  </view>
  <view class="doctor">
    <view class="none-doctor" wx:if="{{false}}">
      <view class="content">
        <view>您还没有绑定任何医生</view>
        <view class="view">绑定后可随时随地联系专属医生</view>
      </view>
      <view class="btn">扫一扫绑定</view>
    </view>
    <view class="container" wx:else>
      <view class="wrap">
        <view class="bind-list">
          <view class="item">
            <image
              class="avatar-img"
              src="https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567"
            ></image>
            <view class="name">王医生</view>
          </view>
          <view class="add">
            <image class="icon" src="{{imageUrl}}icon15.png?t={{Timestamp}}"></image>
            <view class="name">添加医生</view>
          </view>
        </view>
        <view class="content">随时随地您可以联系专属医生团队</view>
      </view>
      <view class="btn">问医生</view>
    </view>
  </view>
  <view class="process">
    <view class="header">
      <view class="title">我的专属诊疗流程</view>
      <view class="dots">
        <view class="item active">1</view>
        <view class="item">2</view>
        <view class="item">3</view>
        <view class="item">4</view>
      </view>
    </view>
    <view class="container">
      <view class="c-header">
        <view class="num">1</view>
        <view class="wrap">
          <view class="title">准备您的诊前筛查</view>
          <view class="content">了解您筛查全部流程和注意事项</view>
        </view>
      </view>
      <view class="btn">查看我的诊疗计划</view>
    </view>
  </view>
  <view class="module1">
    <view class="m-header">
      <view class="title">为他们加油</view>
      <view class="more">
        查看更多
        <van-icon name="arrow" />
      </view>
    </view>
  </view>
  <view class="module2">
    <view class="m-header">
      <view class="title">向往的生活记录</view>
    </view>
    <view class="m-container">
      <!-- prettier-ignore -->
      <view class="item" style="background: url('{{imageUrl}}icon16.png?t={{Timestamp}}') no-repeat top 32rpx right 24rpx/84rpx 84rpx, linear-gradient(32deg, #ffffff 0%, #fffcfc 55%, #fff0f0 100%);"
      >
        <view class="num">13%</view>
        <view class="content">上次凝血因子水平（IX）</view>
        <view class="footer">
          <view class="date">07月23日</view>
          <image class="add" src="{{imageUrl}}icon18.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <!-- prettier-ignore -->
      <view class="item" style="background: url('{{imageUrl}}icon17.png?t={{Timestamp}}') no-repeat top 32rpx right 24rpx/84rpx 84rpx, linear-gradient(32deg, #ffffff 0%, #fffcfc 55%, #fff0f0 100%);">
        <view class="num">
          50
          <text class="sub">分钟</text>
        </view>
        <view class="content">最近一次运动</view>
        <view class="footer">
          <view class="date">4月12日</view>
          <image class="add" src="{{imageUrl}}icon18.png?t={{Timestamp}}"></image>
        </view>
      </view>
    </view>
  </view>
</view>

<patient-tab-bar></patient-tab-bar>