yangyin
2024-07-19 eb12c4bc2af08b457f4282174626b067ba01f215
src/components/chat/components/playBar/PlayBar.vue
@@ -7,11 +7,14 @@
      </div>
      <div class="set-input">
         <el-input
            class="relative align-bottom set-inputAnswer"
            type="textarea"
            resize="none"
            :autosize="{ minRows: 1, maxRows: 8 }"
            v-elInputFocus
            @keydown="enterInput"
            v-model="inputValue"
            placeholder="在这里输入您的问题开始和AI对话"
            class="set-inputAnswer"
         />
      </div>
      <div class="h100 flex items-center">
@@ -20,7 +23,7 @@
               <el-button title="AI看图" class="cursor-pointer" link style="margin-left: unset">
                  <img src="/static/images/wave/LookImg.png" class="set-img-icon box-border" />
               </el-button>
               <el-button title="AI语音对话" class="cursor-pointer" link style="margin-left: unset">
               <el-button title="AI语音对话" class="cursor-pointer" link style="margin-left: unset" @click="audioChangeWord">
                  <img src="/static/images/wave/HeadImg.png" class="set-img-icon box-border" />
               </el-button>
@@ -32,16 +35,17 @@
            </div>
         </div>
      </div>
      <VoicePage v-model:isShow="voicePageIsShow" v-show="voicePageIsShow" />
   </div>
</template>
<script setup lang="ts">
import { reactive } from 'vue';
import { ref } from 'vue';
import VoicePage from './voicePage/VoicePage.vue';
const emits = defineEmits(['sendClick']);
const props = defineProps(['isTalking']);
const voicePageIsShow = ref(false);
const inputValue = defineModel({
   type: String,
});
@@ -55,6 +59,9 @@
      //以下处理发送消息代码
      emits('sendClick');
   }
};
const audioChangeWord = () => {
   voicePageIsShow.value = true;
};
</script>
<style scoped lang="scss">
@@ -144,14 +151,16 @@
      display: inline-block;
      width: 100%;
      .set-inputAnswer {
         min-height: 36px;
         height: 36px;
         padding: 3px 0;
         line-height: 20px;
         border: none;
         background-color: transparent;
         color: #333;
         font-size: 15px;
         :deep(.el-textarea__inner) {
            // 去除线
            box-shadow: none;
         }
      }
      :deep(.el-input__wrapper) {
         box-shadow: unset;