| 1 |
- <view class="content"><view class="header-combined"><view class="left-section"><view class="back-btn" bindtap="{{a}}"><text class="back-icon">←</text><text class="back-text">返回</text></view></view><view class="middle-section"><view class="logo-container"><text class="logo-icon">✈️</text><text class="main-title">Gooh旅行</text></view><text class="sub-title">智能旅行规划专家</text></view><view class="right-section"><view class="new-chat-btn" bindtap="{{b}}"><text class="new-chat-icon">+</text><text class="new-chat-text">新建对话</text></view></view></view><view class="chat-header"><view class="assistant-name"><view class="dot"></view><text>旅行AI助手</text></view></view><view class="message-container"><scroll-view class="message-list" scroll-y="true" scroll-top="{{h}}" scroll-with-animation="{{true}}" bindscrolltoupper="{{i}}"><view wx:if="{{c}}" class="welcome-container"><view class="welcome-message"><view class="avatar"><image src="{{d}}" mode="aspectFill"></image></view><view class="message-bubble"><rich-text nodes="{{e}}"></rich-text></view></view><view class="quick-questions"><view wx:for="{{f}}" wx:for-item="question" wx:key="b" class="quick-question" bindtap="{{question.c}}"><view class="dot-marker"></view><text class="question-text">{{question.a}}</text><view class="arrow-icon"><text>›</text></view></view></view></view><view wx:for="{{g}}" wx:for-item="msg" wx:key="y" class="{{['message-item', msg.z]}}"><view class="message-header"><text class="message-time">{{msg.a}}</text><text class="message-role">{{msg.b}}</text></view><view class="message-content"><view class="avatar"><image src="{{msg.c}}" mode="aspectFill"></image></view><view class="message-bubble"><rich-text wx:if="{{msg.d}}" nodes="{{msg.e}}"></rich-text><view wx:elif="{{msg.f}}" class="travel-plan-card"><view class="travel-plan-header"><view class="plan-logo"><text>Gooh</text></view></view><view class="travel-plan-basic"><view class="travel-plan-title"><text>{{msg.g}}</text></view><view class="travel-plan-desc"><text>{{msg.h}}</text></view><view class="travel-plan-feature"><text>{{msg.i}}</text></view><view class="travel-plan-price"><text>¥{{msg.j}}</text><text wx:if="{{msg.k}}">(单人经济型)</text></view></view><view class="travel-plan-schedule"><view class="calendar-indicator"><text class="month">July</text><text class="day">17</text></view><view class="schedule-title">行程安排</view></view><view class="day-indicator"><view class="pin-icon">📍</view><text class="day-text">第{{msg.l}}天</text></view><view class="travel-details"><view class="detail-item"><text class="detail-label">旅游地点:</text><text class="detail-value">{{msg.m}}</text></view><view wx:if="{{msg.n}}" class="detail-item"><text class="detail-label">地点:</text><text class="detail-value">{{msg.o}}</text></view><view wx:if="{{msg.p}}" class="detail-item"><text class="detail-label">周边美食:</text><text class="detail-value">{{msg.q}}</text></view><view class="detail-item"><text class="detail-label">安排说明:</text><text class="detail-value">{{msg.r}}</text></view></view><view class="travel-footer"><view class="footer-item"><text>{{msg.s}}</text></view><view class="footer-item"><text>总花费约为: ¥{{msg.t}}</text></view><view class="footer-item"><text>{{msg.v}}</text></view></view><view wx:if="{{msg.w}}" class="travel-note"><text class="note-label">备注:</text><text class="note-content">{{msg.x}}</text></view></view><view wx:else class="thinking-dots"><text>.</text><text>.</text><text>.</text></view></view></view></view><view class="bottom-space"></view></scroll-view></view><view class="input-area"><input class="message-input" type="text" disabled="{{j}}" maxlength="{{k}}" placeholder="请输入您的问题（最多300字）" bindconfirm="{{l}}" value="{{m}}" bindinput="{{n}}"/><button disabled="{{p}}" class="{{['send-btn', q && 'loading']}}" bindtap="{{r}}">{{o}}</button></view></view>
|
