health.applet/miniprogram/pages/home/home.wxml

<!--pages/home/home.wxml-->
<t-navbar title="苁容健康管家" />
<scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  <view class="header-container">
    <view class="user-info-wrapper" wx:if="{{patient}}">
      <image class="container-bg-image" src="../../assets/bg/user-info.bg.png" mode="aspectFit" />
      <block>
        <t-icon color="{{patientIconColor}}" name="{{patientIcon}}" size="14px"></t-icon>
        <text class="user-name">{{patient.name}}</text>
        <text class="user-age">{{patient.age}}岁</text>
        <text class="user-description" overflow="fade" max-lines="1">{{patientDescription}}</text>
        <image wx:if="{{patients.length > 1}}" class="user-select-icon" src="../../assets/icon/arrows-down.icon.png" mode="aspectFit" />
      </block>
    </view>
    <view class="tool-bar-wrapper">
      <view class="tool" wx:if="{{location.description}}">
        <image src="../../assets/icon/location.icon.png" mode="heightFix" />
        <text>{{location.description}}</text>
      </view>
      <view class="tool" wx:if="{{solarTerms.description}}">
        <image src="../../assets/icon/weather.icon.png" mode="heightFix" />
        <text>{{solarTerms.description}}</text>
      </view>
    </view>
  </view>
  <body-model dataset="{{healthReport.data}}" bind:position="onBodyModel">
    <view wx:for="{{healthIndex.data}}" wx:key="*this">
      <text wx:if="{{index < 3}}" max-lines="1" overflow="ellipsis">{{item}}</text>
    </view>
    <view wx:if="{{healthIndex.data.length > 3}}" style="text-align: center;">...</view>
  </body-model>
  <view class="banner-wrapper">
    <image class="container-bg-image" src="../../assets/bg/home-banner.bg.png" mode="widthFix" bind:tap="toChatsPage"></image>
  </view>
  <view class="health-scheme-wrapper">
    <report-health-scheme dataset="{{healthReport.data.conditProgram}}" mark:id="{{healthId}}" bind:tap="toSchemePage"></report-health-scheme>
  </view>

  <view class="science-list-wrapper" wx:if="{{scienceList.length}}">
    <view class="list-title" bind:tap="toSciencePage">
      <text>中医科普</text>
      <t-icon name="chevron-right-double"></t-icon>
    </view>
    <science-card wx:for="{{scienceList}}" wx:key="id" item="{{item}}" index="{{index}}"></science-card>
  </view>
  <science-card style="display: none;"><!--?--></science-card>
  <view style="height: {{container.safeBottomOffset}}px;flex: none;"></view>
</scroll-view>

<view class="fab-wrapper" bind:tap="onFabTap">
  <view class="fab fab-1" catch:tap="toHealthPage"><text>健康</text><text>档案</text></view>
  <view class="fab fab-2" catch:tap="toSciencePage"><text>中医</text><text>科普</text></view>
  <view class="fab fab-3" catch:tap="toDietTeaPage"><text>中医</text><text>茶饮</text></view>
  <view class="fab fab-4" catch:tap="toDietTonicPage"><text>药膳</text><text>查询</text></view>
  <image class="fab-main" src="../../assets/icon/fab.png" mode="aspectFill" />
</view>

<view wx:if="{{sheet}}" class="draggable-sheet-shade" catch:tap="hideDraggableSheet"></view>
<draggable-sheet class="draggable-sheet-wrapper" style="height: {{container.height}}px;" initial-child-size="0" min-child-size="0" max-child-size="1" snap="{{true}}" snap-sizes="{{[0.5]}}" worklet:onsizeupdate="onDraggableSizeUpdate">
  <scroll-view class="scrollable draggable-sheet-container" type="custom" scroll-y associative-container="draggable-sheet" show-scrollbar="{{false}}" bounces="{{false}}">
    <sticky-section>
      <sticky-header>
        <view class="draggable-sheet-bar">
          <view class="indicator" />
        </view>
        <view wx:if="{{position.CT}}" style="text-align: center;">预警信息</view>
      </sticky-header>
      <block wx:if="{{position.LT}}">
        <view class="card-wrapper" wx:for="{{position.LT}}" wx:key="*this">
          <t-cell wx:if="{{item.title}}" t-class="card-header cell-border-gradient" title="{{item.title}}" />
          <view wx:if="{{item.description}}" class="card-body">&emsp;&emsp;{{item.description}}</view>
        </view>
      </block>
      <block wx:if="{{position.RB}}">
        <view class="card-wrapper">
          <t-cell t-class="card-header cell-border-gradient" title="中医证素解释" />
          <view class="card-body">
            <view class="row" wx:for="{{position.RB.factorItems}}" wx:key="*this">
              <view class="primary">{{item.factorItemName}}</view>
              <view style="margin-top: 4px;" wx:if="{{item.factorItemDescription}}">&emsp;&emsp;{{item.factorItemDescription}}</view>
            </view>
          </view>
        </view>
        <view class="card-wrapper">
          <t-cell t-class="card-header cell-border-gradient" title="中医证型解释" />
          <view class="card-body">
            <view class="row" wx:for="{{position.RB.diagnoseSyndromes}}" wx:key="*this">
              <view class="primary">{{item.diagnoseSyndromeName}}</view>
              <view style="margin-top: 4px;" wx:if="{{item.diagnoseSyndromeAnalysis}}">&emsp;&emsp;{{item.diagnoseSyndromeAnalysis}}</view>
            </view>
          </view>
        </view>
      </block>
      <block wx:if="{{position.RT}}">
        <view class="card-wrapper">
          <t-cell t-class="card-header cell-border-gradient" title="{{position.RT.constitutionGroupName}}" />
          <view class="card-body">
            <span class="row">{{position.RT.constitutionGroupDefinition}}</span>
          </view>
        </view>
        <view class="card-wrapper">
          <t-cell t-class="card-header cell-border-gradient" title="舌象解释" />
          <view class="card-body">
            <view>&emsp;&emsp;{{position.RT.tongueAnalysisResult}}</view>
            <view class="picture-wrapper">
              <image src="{{position.RT.upImg}}" mode="aspectFit" />
              <image src="{{position.RT.downImg}}" mode="aspectFit" />
            </view>
          </view>
        </view>
        <view class="card-wrapper">
          <t-cell t-class="card-header cell-border-gradient" title="面象解释" />
          <view class="card-body">
            <view>&emsp;&emsp;{{position.RT.faceAnalysisResult}}</view>
            <view wx:if="{{position.RT.faceImg}}" class="picture-wrapper">
              <image src="{{position.RT.faceImg}}" mode="aspectFit" />
            </view>
          </view>
        </view>
      </block>
      <block wx:if="{{position.CT}}">
        <view class="CT row" wx:for="{{position.CT}}" wx:key="*this">{{item}}</view>
      </block>
      <view class="bottom-wrapper">
        <form-button index="1" bind:tap="hideDraggableSheet">确定</form-button>
      </view>
    </sticky-section>
  </scroll-view>
</draggable-sheet>