health.applet/miniprogram/module/chats/components/guide/guide.wxml

<wxs module="_">
  module.exports.getClassName = function (active) {
    return active ? '' : 'disabled';
  }
</wxs>
<!--module/chats/components/guide/guide.wxml-->
<view class="chat-card left steward-wrapper">
  <view class="chat-card__avatar ">
    <image src="../../assets/robot.png" mode="aspectFill" />
  </view>
  <view class="chat-card__content">
    <t-cell t-class="cell-border-gradient" bordered="{{true}}" >
      <view slot="title" class="title">
        <text>请选择想要操作的业务</text>
      </view>
    </t-cell>
    <t-cell 
      t-class="cell-border-gradient {{_.getClassName(active)}}" 
      t-class-hover="custom-cell-hover"
      t-class-title="health-analysis-title"
      title="1、健康分析" 
      hover="{{active}}" 
      bind:tap="handleA"
      style="--td-cell-hover-color: #F5F5F5;"
    >
      <t-icon name="chevron-right" color="#CCCCCC" size="40rpx" slot="note" />
    </t-cell>
    <t-cell 
      t-class="cell-border-gradient {{_.getClassName(active)}}" 
      t-class-hover="custom-cell-hover"
       t-class-title="health-analysis-title"
      title="2、指标信息管理" 
      hover="{{active}}" 
      bind:tap="handleB"
      style="--td-cell-hover-color: #F5F5F5;"
    >
      <t-icon name="chevron-right" color="#CCCCCC" size="40rpx" slot="note" />
    </t-cell>
    <t-cell 
      t-class="cell-border-gradient {{_.getClassName(active)}}" 
      t-class-hover="custom-cell-hover"
       t-class-title="health-analysis-title"
      title="3、健康信息管理" 
      hover="{{active}}" 
      bind:tap="handleC"
      style="--td-cell-hover-color: #F5F5F5;"
    >
      <t-icon name="chevron-right" color="#CCCCCC" size="40rpx" slot="note" />
    </t-cell>
    <t-cell 
      t-class="{{_.getClassName(active)}}" 
      t-class-hover="custom-cell-hover"
       t-class-title="health-analysis-title"
      title="4、返回首页" 
      bordered="{{false}}" 
      hover="{{active}}" 
      bind:tap="handleD"
      style="--td-cell-hover-color: #F5F5F5;"
    >
      <t-icon name="chevron-right" color="#CCCCCC" size="40rpx" slot="note" />
    </t-cell>
  </view>
</view>

<block wx:if="{{result.length}}">
  <view class="chat-card right">
    <view class="chat-card__avatar ">
      <user-avatar></user-avatar>
    </view>
    <view class="chat-card__content">
      <t-cell bordered="{{false}}">
        <view slot="title">
          <div wx:for="{{result}}" wx:key="*this">{{item}}</div>
        </view>
      </t-cell>
    </view>
  </view>
  <view class="chat-card left">
    <view class="chat-card__avatar ">
      <image src="../../assets/robot.png" mode="aspectFill" />
    </view>
    <view class="chat-card__content">
      <t-cell bordered="{{false}}" title="好的，我们已更新了相关指标数据。"></t-cell>
    </view>
  </view>
</block>

<block wx:if="{{result2}}">
  <!-- <view class="chat-card right">
    <view class="chat-card__avatar ">
      <user-avatar></user-avatar>
    </view>
    <view class="chat-card__content">
      <t-cell bordered="{{false}}">
        <view slot="title">
          <div wx:for="{{result}}" wx:key="*this">{{item}}</div>
        </view>
      </t-cell>
    </view>
  </view> -->
  <view class="chat-card left">
    <view class="chat-card__avatar ">
      <image src="../../assets/robot.png" mode="aspectFill" />
    </view>
    <view class="chat-card__content">
      <t-cell bordered="{{false}}" title="好的，我们已更新了您的健康信息相关数据。"></t-cell>
    </view>
  </view>
</block>