| | |
| | | <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> |
| | | |
| | |
| | | </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, |
| | | }); |
| | |
| | | //以下处理发送消息代码 |
| | | emits('sendClick'); |
| | | } |
| | | }; |
| | | const audioChangeWord = () => { |
| | | voicePageIsShow.value = true; |
| | | }; |
| | | </script> |
| | | <style scoped lang="scss"> |
| | |
| | | display: inline-block; |
| | | width: 100%; |
| | | .set-inputAnswer { |
| | | |
| | | padding: 3px 0; |
| | | line-height: 20px; |
| | | border: none; |
| | | background-color: transparent; |
| | | color: #333; |
| | | font-size: 15px; |
| | | :deep(.el-textarea__inner){ |
| | | :deep(.el-textarea__inner) { |
| | | // 去除线 |
| | | box-shadow: none; |
| | | } |