tmp

pages/ai/index.wxml

@@ -1,2 +1,66 @@
-<!--pages/ai/index.wxml-->
-<text>pages/ai/index.wxml</text>
+<view class="chat-container">
+  <scroll-view class="message-list" scroll-y scroll-into-view="{{scrollToMessage}}" scroll-with-animation>
+    <view class="quick-questions" wx:if="{{messages.length === 0}}">
+      <view class="welcome-text">您好，我是您的AI助手，有什么可以帮您？</view>
+      <view class="quick-list">
+        <view class="quick-item" wx:for="{{quickQuestions}}" wx:key="*this" data-question="{{item}}" bindtap="onQuickQuestionTap">
+          {{item}}
+        </view>
+      </view>
+    </view>
+
+    <view class="message-item {{item.type}}" wx:for="{{messages}}" wx:key="id" id="msg-{{item.id}}">
+      <view class="avatar {{item.type}}-avatar">
+        <text class="avatar-text">{{item.type === 'user' ? '我' : 'AI'}}</text>
+      </view>
+      <view class="message-content">
+        <view class="message-bubble {{item.type}}-bubble">
+          <t-chat-markdown
+            wx:if="{{item.contentType === 'text' && item.type === 'ai'}}"
+            class="message-markdown"
+            content="{{item.content}}"
+          />
+          <text class="message-text" wx:elif="{{item.contentType === 'text'}}">{{item.content}}</text>
+        </view>
+        <text class="message-time" wx:if="{{item.time}}">{{item.time}}</text>
+      </view>
+    </view>
+
+    <view class="typing-indicator" wx:if="{{isTyping}}">
+      <view class="avatar ai-avatar">
+        <text class="avatar-text">AI</text>
+      </view>
+      <view class="typing-bubble">
+        <view class="dot"></view>
+        <view class="dot"></view>
+        <view class="dot"></view>
+      </view>
+    </view>
+  </scroll-view>
+
+  <view class="chat-footer">
+    <view class="chat-toolbar" wx:if="{{messages.length > 0}}">
+      <view class="chat-toolbar-action" bindtap="clearChat">
+        <text>清空记录</text>
+      </view>
+    </view>
+
+    <view class="input-area">
+      <input
+        class="chat-input"
+        type="text"
+        placeholder="请输入您的问题..."
+        value="{{inputValue}}"
+        bindinput="onInputChange"
+        confirm-type="send"
+        bindconfirm="sendMessage"
+        adjust-position="{{true}}"
+        cursor-spacing="20"
+        hold-keyboard="{{true}}"
+      />
+      <view class="send-btn {{canSend ? 'active' : ''}}" bindtap="sendMessage">
+        <text class="send-text">发送</text>
+      </view>
+    </view>
+  </view>
+</view>