调整对齐

src/components/footer-bar-input.vue

@@ -36,7 +36,7 @@
         <img src="@/assets/images/fill-microphone.png" alt="" />
       </div>
       <div class="input-box-txt">
-        <div v-if="!soundFlag" style="width: 100%">
+        <div v-if="!soundFlag" style="width: 100%;align-self: center;">
           <textarea class="input-txt" placeholder="有什么问题想要问我吗？" rows="1" ref="sendMessageArea" v-model="sendMessage"
             @input.stop="monitorInputs" @blur.stop="monitorInputsBlur" @focus.stop="monitorInputsFocus($event)"
             @keydown.delete="deleteFace($event)" is-pc="移动端" v-if="noTouchStop" :readonly="elderAndOutwork"></textarea>
@@ -78,9 +78,9 @@
         <div class="input-btn-box btn-box2" style="flex-shrink: 0">
           <!-- <button class="btn-item opacity" v-if="!sendFlag" :class="addFlag ? 'add-box' : 'close-box'"
             :disabled="sendDisabled || elderAndOutwork" @click.stop="addUpload()"></button> -->
-             <button class="btn-item opacity disabled-send-box" v-if="!sendFlag"  :disabled="sendDisabled || elderAndOutwork"
-            @click.stop="clickSendMessage()"></button>
-          <button class="btn-item opacity send-box" v-if="sendFlag"  :disabled="sendDisabled || elderAndOutwork"
+          <button class="btn-item opacity disabled-send-box" v-if="!sendFlag"
+            :disabled="sendDisabled || elderAndOutwork" @click.stop="clickSendMessage()"></button>
+          <button class="btn-item opacity send-box" v-if="sendFlag" :disabled="sendDisabled || elderAndOutwork"
             @click.stop="clickSendMessage()"></button>
         </div>
       </div>
@@ -954,6 +954,7 @@ textarea:-ms-input-placeholder {
   background-size: 100% 100%;
   border: 0;
 }
+
 .disabled-send-box {
   background: url('data:image/png;base64,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') no-repeat center;
   background-size: 100% 100%;