ittwxcust/pages/index/index.wxml

<!--pages/index/index.wxml-->
<view class="index-container">
  <view class="header">
    <view class="main-header">
      <view class="location">
        <view class="location-info">
          <van-icon name="location" size="20px"/>
          <text class="l-text">{{locationStr}}</text>
        </view>
        <view class="scan">
          <van-icon name="scan" size="20px"/>
        </view>
      </view>
    </view>
  </view>
  <view class="buy-conten">
    <view class="left default-tag"></view>
    <view class="blance desc">
      <view class="count">
        <text class="desc-text">剩余：</text>
        <text class="bolder-text">0</text>
      </view>
      <view class="desc-text b-text ittflex-jcs">次健康早筛服务权益</view>
    </view>
    <view class="btn default-btn buy-btn">立即购买</view>
  </view>
  <view class="file-info">
    <view class="file-title">
      <text class="title">档案信息</text>
      <view class="nav-tap"> 
        <text class="nav-title">全部</text>
        <van-icon name="arrow" color="#999"/>
      </view>
    </view>
    <view class="file-content">
      <block wx:if="{{fileInfoList.length == 0}}">
        <view class="no-data ittflex" >
          <text class="none-data-text">暂无档案</text>
        </view>
      </block>
      <block wx:else>
        <view class="file-item" wx:for="{{fileInfoList}}" wx:key="index">
          <view class="main-con {{index == fileInfoList.length - 1 ? 'no-border' : ''}}">
            <view class="file-left user-info">
              <view class="header-img"></view>
              <view class="person">
                <view class="p-info ittflex-jcs">
                  <text class="name-text">{{item.name}}</text>
                  <view class="sex-tag"></view>
                </view>
                <view class="p-date">{{item.data}}</view>
              </view>
              <view class="qrcode"></view>
            </view>
            <view class="file-right check-report">查看报告</view>
          </view>
        </view>
      </block>
    </view>
    <view class="add-btn absolute-btn ittflex">添加检测人</view>
  </view>
</view>