fix code

miniprogram/pages/qa_exercise/qa_exercise.ts

@@ -136,6 +136,7 @@ interface IData {
   chatSuggestions: Array<{ label: string; text: string }>
   inputBottom: number
   isRecording: boolean
+  isMicrophoneMode: boolean
 }
 
 interface IPageInstance {
@@ -233,6 +234,8 @@ interface IPageInstance {
   onSendMessage: (e: any) => void
   onChatInput: (e: any) => void
   onChatBlur: (e: any) => void
+  switchToVoiceMode: () => void
+  switchToTextMode: () => void
   onChatCloseTap: (e: any) => void
   updateConversationMessages: (detail: any, lang: string, append?: boolean) => void
   showChatInput: () => void
@@ -264,6 +267,7 @@ Page<IData, IPageInstance>({
     clozeSentenceTokens: [],
     modeAnim: '',
     isChatInputVisible: false,
+    isMicrophoneMode: false,
     scrollIntoView: '',
     isModeSwitching: false,
   progressText: '',
@@ -2087,7 +2091,9 @@ Page<IData, IPageInstance>({
   onChatBlur(e: any) {
     if (this.isSuggestionTouching) return
     this.stopSuggestionTimer()
-    this.setData({ isChatInputVisible: false, scrollIntoView: '', chatPlaceholder: '请输入...' })
+    // 移除自动隐藏逻辑，保留输入框
+    // this.setData({ isChatInputVisible: false, scrollIntoView: '', chatPlaceholder: '请输入...' })
+    this.setData({ scrollIntoView: '', chatPlaceholder: '请输入...' })
     if (this.placeholderTimer) {
       clearTimeout(this.placeholderTimer)
       this.placeholderTimer = undefined
@@ -2097,6 +2103,14 @@ Page<IData, IPageInstance>({
     }, 300)
   },
 
+  switchToVoiceMode() {
+    this.setData({ isMicrophoneMode: true, isChatInputVisible: true })
+  },
+
+  switchToTextMode() {
+    this.setData({ isMicrophoneMode: false, isChatInputVisible: true })
+  },
+
   showChatInput() {
     if (!this.data.conversationLatestSession || this.data.conversationViewMode === 'setup') {
       return

miniprogram/pages/qa_exercise/qa_exercise.wxml

@@ -14,7 +14,7 @@
   <view class="type-container" wx:if="{{fixedMode}}">
     <view class="type-item {{fixedMode === 'cloze' ? 'active' : ''}}" hover-class="type-item-hover" bindtap="switchMode" data-mode="cloze">填空</view>
     <view class="type-item {{fixedMode === 'choice' ? 'active' : ''}}" hover-class="type-item-hover" bindtap="switchMode" data-mode="choice">问答</view>
-    <view class="type-item {{fixedMode === 'variation' ? 'active' : ''}}" hover-class="type-item-hover" bindtap="switchMode" data-mode="variation">识图</view>
+    <!-- <view class="type-item {{fixedMode === 'variation' ? 'active' : ''}}" hover-class="type-item-hover" bindtap="switchMode" data-mode="variation">识图</view> -->
     <view class="type-item {{fixedMode === 'conversation' ? 'active' : ''}}" hover-class="type-item-hover" bindtap="switchMode" data-mode="conversation">对话</view>
   </view>
 
@@ -24,7 +24,7 @@
         <view class="process-dot {{processDotClasses[index]}} {{index === currentIndex ? 'current' : ''}}"></view>
       </block>
     </view>
-    <view class="question-scroll-wrapper {{questionMode === 'conversation' && conversationViewMode === 'chat' && isChatInputVisible ? 'chat-input-mode-scroll' : 'chat-mode-scroll'}}">
+    <view class="question-scroll-wrapper {{questionMode === 'conversation' && conversationViewMode === 'chat' && isChatInputVisible && !isMicrophoneMode ? 'chat-input-mode-scroll' : 'chat-mode-scroll'}}">
       <scroll-view class="inner-scroll" scroll-y >
         <view class="image-card" wx:if="{{questionMode !== 'variation'}}">
           <image wx:if="{{imageLocalUrl}}" class="image" src="{{imageLocalUrl}}" mode="aspectFill" bindtap="previewImage" bindload="onImageLoad" binderror="onImageError"></image>
@@ -330,7 +330,7 @@
 
   <view class="chat-sender-wrapper {{isChatInputVisible ? 'show' : ''}}" style="bottom: {{inputBottom}}px" wx:if="{{questionMode === 'conversation' && conversationViewMode === 'chat'}}">
     <view class="suggestion-bar {{showChatSuggestions ? 'show' : ''}}" 
-          wx:if="{{chatSuggestions.length > 0}}"
+          wx:if="{{chatSuggestions.length > 0 && !isMicrophoneMode}}"
           bind:touchstart="handleSuggestionTouchStart"
           bind:touchend="handleSuggestionTouchEnd">
       <scroll-view scroll-x class="suggestion-scroll" enable-flex>
@@ -340,6 +340,7 @@
       </scroll-view>
     </view>
     <t-chat-sender
+      wx:if="{{!isMicrophoneMode}}"
       value="{{chatInputValue}}"
       placeholder="{{chatPlaceholder}}"
       loading="{{replyLoading}}"
@@ -350,23 +351,39 @@
       bind:blur="onChatBlur"
     >
       <view slot="footer-prefix" class="footer-prefix">
-        <view class="chat-icon-block" bind:tap="onChatCloseTap" style="margin-right: 16rpx;">
+        <view class="chat-icon-block" bind:tap="onChatCloseTap">
           <t-icon name="close-circle" size="64rpx" color="#dcdcdc"/>
         </view>
-        <view class="chat-icon-block" bind:touchstart="handleRecordStart" bind:touchend="handleRecordEnd">
+        <!-- <view class="chat-icon-block" bind:tap="switchToVoiceMode">
-          <t-icon name="microphone-1" size="64rpx" color="{{isRecording ? '#0052d9' : '#dcdcdc'}}"/>
+          <t-icon name="microphone-1" size="64rpx" color="#dcdcdc"/>
-        </view>
+        </view> -->
       </view>
     </t-chat-sender>
+    <view class="voice-mode-panel" wx:if="{{isMicrophoneMode}}">
+      <view class="voice-panel-controls">
+        <view class="chat-icon-block" bind:tap="switchToTextMode">
+           <t-icon name="keyboard" size="64rpx" color="#666"/>
+        </view>
+        <view class="microphone-btn {{isRecording ? 'recording' : ''}}"
+              bind:touchstart="handleRecordStart" 
+              bind:touchend="handleRecordEnd">
+           {{isRecording ? '松开发送' : '按住说话'}}
+        </view>
+        <view class="chat-icon-block" bind:tap="onChatCloseTap">
+           <t-icon name="close-circle" size="64rpx" color="#666"/>
+        </view>
+      </view>
+    </view>
   </view>
   <view class="bottom-bar {{contentVisible && !isChatInputVisible ? 'show' : ''}}" wx:if="{{questionMode === 'conversation'}}">
     <view class="bottom-btn bottom-button-img-wrap" bind:tap="toggleConversationSceneLang">
       <t-icon name="translate" class="trans-button left-half {{conversationSceneLang === 'en' ? 'trans-active' : 'trans-deactive'}}" size="48rpx" />
       <t-icon name="translate" class="trans-button right-half {{conversationSceneLang === 'zh' ? 'trans-active' : 'trans-deactive'}}" size="48rpx" />
     </view>
+    <t-icon name="microphone-1" class="bottom-btn {{conversationLatestSession && conversationViewMode !== 'setup' ? '' : 'disabled'}}" size="48rpx" bind:tap="switchToVoiceMode" />
     <t-icon name="keyboard" class="bottom-btn {{conversationLatestSession && conversationViewMode !== 'setup' ? '' : 'disabled'}}" size="48rpx" bind:tap="showChatInput" />
     <t-icon name="{{conversationLatestSession && conversationViewMode === 'chat' ? 'chat-bubble-add' : 'chat-bubble-1'}}" class="bottom-btn {{conversationLatestSession ? '' : 'disabled'}}" size="48rpx" bind:tap="toggleConversationView" />
-    <t-icon name="fact-check" class="bottom-btn {{resultDisplayed ? '' : 'disabled'}}" size="48rpx" bind:tap="" />
+    <!-- <t-icon name="fact-check" class="bottom-btn {{resultDisplayed ? '' : 'disabled'}}" size="48rpx" bind:tap="" /> -->
     <t-icon name="chat-bubble-history" class="bottom-btn" size="48rpx" bind:tap="onHistoryTap" />
   </view>
 

miniprogram/pages/qa_exercise/qa_exercise.wxss

@@ -925,3 +925,43 @@
 .microphone-bar:nth-child(8)  { left: 198rpx; animation-duration: 419ms; }
 .microphone-bar:nth-child(9)  { left: 226rpx; animation-duration: 487ms; }
 .microphone-bar:nth-child(10) { left: 254rpx; animation-duration: 442ms; }
+
+.voice-mode-panel {
+  background: #fff;
+  padding: 24rpx;
+  border-top: 1rpx solid #eee;
+  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.voice-panel-controls {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 32rpx;
+  gap: 32rpx;
+}
+
+.microphone-btn {
+  flex: 1;
+  height: 88rpx;
+  background: #f2f3f5;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #333;
+  font-size: 32rpx;
+  font-weight: 600;
+  transition: all 0.2s;
+}
+
+.microphone-btn:active, .microphone-btn.recording {
+  background: #e5e6eb;
+}
+
+.microphone-btn.recording {
+  background: #d54941;
+  color: #fff;
+}