From 6612c139e886551e031aed587fd8915a7e090e48 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期二, 15 十月 2024 17:46:46 +0800
Subject: [PATCH] 修改高级示例的样式
---
src/components/chat/components/playBar/PlayBar.vue | 24 ++++++++++++++++++++++--
1 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/src/components/chat/components/playBar/PlayBar.vue b/src/components/chat/components/playBar/PlayBar.vue
index fa46f23..663f339 100644
--- a/src/components/chat/components/playBar/PlayBar.vue
+++ b/src/components/chat/components/playBar/PlayBar.vue
@@ -5,6 +5,8 @@
<img src="/static/images/wave/PlugIn.png" class="set-icon box-border" />
</el-button>
</div>
+ <InfoDetail class="text-base" v-model="infoDetailIsShow" :item="detailMapRow" />
+
<div class="set-input">
<!-- @input="inputText" -->
@@ -38,6 +40,7 @@
>
<span class="text-sm text-gray-500 pr-1.5">{{ index + 1 }}</span>
<span> {{ item?.question }} </span>
+ <!-- <span class="text-blue-400 font-bold cursor-pointer hover:underline" @click.stop="tipMetricsClick">娴嬭瘯鏄�</span> -->
</div>
</div>
</div>
@@ -78,6 +81,9 @@
import VoicePage from './voicePage/VoicePage.vue';
import { querySimilarityHistory } from '/@/api/ai/chat';
import { useClickOther } from '/@/hooks/useClickOther';
+import InfoDetail from './InfoDetail.vue';
+
+import { onClickOutside } from '@vueuse/core';
const emits = defineEmits(['sendClick']);
const props = defineProps(['isTalking', 'isHome']);
const voicePageIsShow = defineModel('voicePageIsShow', {
@@ -130,7 +136,10 @@
left: null,
bottom: null,
});
-useClickOther([tipEleRef], triggerShow);
+
+onClickOutside(tipEleRef, () => {
+ triggerShow.value = false;
+});
const inputText = (text) => {
nextTick(() => {
setTimeout(() => {
@@ -162,7 +171,7 @@
lastIsFinish = true;
const handleValues = res?.values ?? [];
- similarList.value = props.isHome ? handleValues.slice(0, 4) : handleValues;
+ similarList.value = props.isHome ? handleValues.slice(0, 3) : handleValues;
};
const audioChangeWord = () => {
navigator.getUserMedia(
@@ -175,6 +184,17 @@
}
);
};
+
+
+//#region ====================== 楂樹寒鎸囨爣鐐瑰嚮======================
+const infoDetailIsShow = ref(false);
+const detailMapRow = ref(null);
+
+const tipMetricsClick = (row) => {
+ detailMapRow.value = row;
+ infoDetailIsShow.value = true;
+};
+//#endregion
</script>
<style scoped lang="scss">
.set-waterTitle {
--
Gitblit v1.9.3