<!--module/chats/components/message-analysis/message-analysis.wxml-->
<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 t-class="cell-border-gradient" title="{{payload.title}}" description="{{payload.description}}">
    </t-cell>
    <view class="tips">注意下面是舌面、舌下、面部的拍摄标准哦！</view>
    <view class="gallery-wrapper">
      <view class="container" wx:for="{{examples}}" wx:key="src">
        <image src="{{item.src}}" mode="aspectFit" />
        <text>{{item.label}}</text>
      </view>
    </view>

    <view class="chat-card__handle {{active ? '' : 'disabled'}}">
      <!-- <view class="item" bind:tap="onCancel">
        <image src="../../assets/button-1.bg.png" mode="aspectFit" />
        <view>算了，不传</view>
      </view> -->
      <view class="item load-btn" bind:tap="onConfirm">
        点击上传
      </view>
    </view>
  </view>
</view>

<view class="chat-card right" wx:if="{{source.length}}">
  <view class="chat-card__avatar ">
    <user-avatar></user-avatar>
  </view>
  <view class="chat-card__content" style="background:#CDDDF8">
    <view class="gallery-wrapper source">
      <view class="container" wx:for="{{source}}" wx:key="src">
        <image src="{{item.src}}" mode="aspectFit" />
      </view>
    </view>
  </view>
  <t-loading wx:if="{{active && isAnalysis===3}}" t-class="loading" theme="spinner" size="40rpx" class="wrapper" />
</view>

<analysis visible="{{start}}" bind:stop="onUpdate"></analysis>