index.wxml 2.0 KB

1
  1. <view class="container"><scroll-view class="chat-container" scroll-y scroll-top="{{b}}" scroll-with-animation="{{true}}" bindscroll="{{c}}" style="{{'height:' + d + ';' + ('margin-top:' + '0')}}"><view class="chat-list"><view wx:for="{{a}}" wx:for-item="message" wx:key="l" class="{{['message-item', message.m && 'message-ai', message.n && 'message-user']}}"><block wx:if="{{message.a}}"><view class="avatar-container"><image class="avatar" src="{{message.b}}" mode="aspectFill"></image></view><view class="message-content"><view class="{{['message-bubble', 'ai-bubble', message.f && 'typing', message.g && 'welcome']}}"><view wx:if="{{message.c}}" class="typing-indicator"><view class="typing-dot"></view><view class="typing-dot"></view><view class="typing-dot"></view></view><text wx:else class="{{['message-text', message.e && 'highlight']}}">{{message.d}}</text></view><text class="message-time">{{message.h}}</text></view></block><block wx:else><view class="message-content user-content"><text class="message-time">{{message.i}}</text><view class="message-bubble user-bubble"><text class="message-text">{{message.j}}</text></view></view><view class="avatar-container"><image class="avatar" src="{{message.k}}" mode="aspectFill"></image></view></block></view></view></scroll-view><view class="input-container" style="{{'padding-bottom:' + o}}"><scroll-view wx:if="{{e}}" class="suggested-questions" scroll-x><view wx:for="{{f}}" wx:for-item="question" wx:key="b" class="question-chip" bindtap="{{question.c}}"><text>{{question.a}}</text></view></scroll-view><view class="input-wrapper"><block wx:if="{{r0}}"><textarea class="message-input" placeholder="请输入您的问题..." maxlength="300" bindconfirm="{{g}}" confirm-type="send" bindfocus="{{h}}" disabled="{{i}}" auto-height maxlength="{{300}}" style="{{'max-height:' + '120rpx'}}" value="{{j}}" bindinput="{{k}}"/></block><view class="{{['send-button', m && 'disabled']}}" bindtap="{{n}}" hover-class="button-hover"><image class="send-icon-image" src="{{l}}" mode="aspectFit"></image></view></view></view></view>