feat：输入框的调整

pages/chat/ChatInputArea.vue

@@ -3,7 +3,10 @@
         <view v-if="!visibleWaveBtn" class="area-input">
             <!-- 语音/键盘切换 -->
             <view class="input-container-voice" @click="toggleVoiceMode">
-        <image v-if="!isVoiceMode" src="/static/input_voice_icon.png"></image>
+                <image
+                    v-if="!isVoiceMode"
+                    src="/static/input_voice_icon.png"
+                ></image>
                 <image v-else src="/static/input_keyboard_icon.png"></image>
             </view>
 
@@ -237,7 +240,7 @@ defineExpose({ focusInput });
 <style scoped lang="scss">
 .area-input {
     display: flex;
-  align-items: flex-end;
+    align-items: center;
     border-radius: 22px;
     background-color: #ffffff;
     box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
@@ -248,6 +251,7 @@ defineExpose({ focusInput });
         display: flex;
         align-items: center;
         justify-content: center;
+        align-self: flex-end;
         width: 44px;
         height: 44px;
 
@@ -280,6 +284,7 @@ defineExpose({ focusInput });
         display: flex;
         align-items: center;
         justify-content: center;
+        align-self: flex-end;
         width: 44px;
         height: 44px;
 
@@ -302,17 +307,10 @@ defineExpose({ focusInput });
         box-sizing: border-box;
         width: 100%;
         max-height: 92px;
-    min-height: 44px;
+        min-height: 22px;
         font-size: 16px;
-    line-height: normal;
+        line-height: 22px;
-
+        margin: 6px 0;
-    &.android {
-      padding: 12px 0;
-    }
-
-    &.ios {
-      padding: 6px 0;
-    }
 
         &::placeholder {
             color: #cccccc;