|
@@ -1,10 +1,10 @@
|
|
|
<template>
|
|
|
<div class="voice-config">
|
|
|
<div class="config-header" @click="togglePanel">
|
|
|
- <img src="../../assets/svg/voice.svg" alt="voice" class="config-icon" />
|
|
|
+ <img src="../../assets/svg/voice.png" alt="voice" class="config-icon" />
|
|
|
<span>语音配置</span>
|
|
|
<img
|
|
|
- :src="isPanelOpen ? '../../assets/svg/up.svg' : '../../assets/svg/down.svg'"
|
|
|
+ :src="isPanelOpen ? upIcon : downIcon"
|
|
|
alt="toggle"
|
|
|
class="toggle-icon"
|
|
|
/>
|
|
@@ -71,6 +71,10 @@ import { ref, reactive, onMounted, onUnmounted } from 'vue';
|
|
|
import { useStore } from 'vuex';
|
|
|
import axios from 'axios';
|
|
|
|
|
|
+import upIcon from '@/assets/svg/ups.svg';
|
|
|
+import downIcon from '@/assets/svg/down.svg';
|
|
|
+import voiceIcon from '@/assets/svg/voice.svg'
|
|
|
+
|
|
|
const store = useStore();
|
|
|
const isPanelOpen = ref(false);
|
|
|
const voiceList = ref([]);
|