页面样式调整

pages/message/chat.scss

@@ -445,39 +445,33 @@ $primary-color: #0877F1;
   min-width: 0;
 }
 
-.text-input {
-  flex: 1;
-  padding: 16rpx 24rpx;
-  background-color: #f3f5fa;
-  border-radius: 20rpx;
-  margin: 0;
-  font-size: 28rpx;
-  min-height: 56rpx;
-  max-height: 200rpx;
-  border: none;
-  outline: none;
-  box-sizing: border-box;
-  line-height: 1.5;
-  color: #333;
-  vertical-align: middle;
-}
-
+.text-input,
 .voice-input-btn {
   flex: 1;
-  padding: 16rpx 24rpx;
+  padding: 16rpx;
   background-color: #f3f5fa;
-  border-radius: 20rpx;
-  margin: 0;
+  border-radius: 10rpx;
   font-size: 28rpx;
-  min-height: 56rpx;
+  min-height: 80rpx;
   max-height: 200rpx;
   border: none;
   outline: none;
   box-sizing: border-box;
   line-height: 1.5;
   color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
+.text-input {
+  padding: 20rpx;
+  display: block;
+  line-height: 1.5;
+  height: 80rpx;
+}
+
+
 .voice-input-btn {
   height: 56rpx;
   display: flex;

pages/message/components/chat-input.vue

@@ -8,7 +8,7 @@
       <view class="input-area">
         <textarea v-if="!showVoiceInput" class="text-input" v-model="inputText" placeholder="我来说两句..."
           @confirm="sendTextMessage" @focus="handleInputFocus" @input="handleInput" 
-          :auto-height="true" :show-confirm-bar="false" :adjust-position="true" />
+          :auto-height="true" :show-confirm-bar="false" :adjust-position="true" :cursor-spacing="40" />
         <input v-else class="voice-input-btn" :class="{ recording: isRecording }" @touchstart="startRecord"
           @touchmove="onRecordTouchMove" @touchend="stopRecord" @touchcancel="cancelRecord" :placeholder="isRecording ? '松开发送' : '按住说话'" disabled>
         </input>