ittwxcust/pages/appointment/appointment.wxml

<!--pages/appointment/appointment.wxml-->
<view class="appointment">
  <view class="main-con">
    <view class="account">
      <view class="ac-title sub-title">账户信息</view>
      <view class="ac-card ittflex-jcs">
        <view class="ac-left ac-item ittflex-jcs">
          <view class="ac-avat"></view>
          <view class="ac-name">范一岚</view>
        </view>
        <view class="ac-right ac-item ittflex-jcs">
          <text class="ac-count">100</text>
          <text class="ac-unit">次</text>
        </view>
      </view>
    </view>
    <view class="address">
      <view class="ad-title sub-title">上门检测地址</view>
      <view wx:if="{{!hasAddress}}" class="no-address chose-address ittflex">选择上门服务地址</view>
      <view wx:else class="address-card ittflex-jcs">
        <view class="ad-left">
          <view class="ad-top ittflex-jcs">
            <text class="ad-name">范一岚</text>
            <text class="ad-phone">18626576880</text>
          </view>
          <view class="ad-bottom address-detail">
            内蒙古自治区兴安盟科尔沁右翼前旗友爱胡同459号
          </view>
        </view>
        <view class="ad-right ittflex">
          <view class="itt-btn chose-address-btn">更换地址</view>
        </view>
      </view>
      <view class="ad-tips">注：预约成功后，检测地址不允许更改</view>
    </view>
    <view class="calendar-wy">
      <view class="sub-title ca-title">预约上门服务时间</view>
      <view class="calendar-card">
      <view class="calendar-card-header">
        <view class="curr-date">2022年9月</view>
        <view class="cal-tips ittflex">
          <view class="warn-icon"></view>
          <text class="warn-text">代表繁忙时间</text>
        </view>
      </view>
        <van-calendar title="日历" class="calendar"
          poppable="{{ false }}" 
          show-mark="{{false}}" 
          show-title="{{false}}"
          show-confirm="{{false}}"
          first-day-of-week="{{ 1 }}"
          show-subtitle="{{false}}"
          color="{{calendarcolor}}"
          max-date="1664496000000"
          row-height="45"
        />
      </view>
      <view class="time-list ittflex">
        <view class="time-a time-item time-nurse time-active">
          <text class="t-text">8:00-12:00</text>
          <text class="time-nurse-text">剩余紧张</text>
        </view>
        <view class="time-b time-item">
          <text class="t-text">13:00-18:00</text>
        </view>
        <view class="time-c time-item">
          <text class="t-text">18:00-21:00</text>
        </view>
      </view>
    </view>
  </view>
</view>