优化

frontend/app/web-gold/src/components/VoiceSelector.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="voice-selector">
     <div v-if="userVoiceCards.length === 0" class="empty-voices">
-      还没有配音，可先在"配音管理"中上传
+      <a-empty :image="simpleImage" description="还没有配音">
+      </a-empty>
     </div>
 
     <div v-else class="voice-selector-with-preview">
@@ -46,6 +47,8 @@
 
 <script setup>
 import { ref, computed, onMounted, onBeforeUnmount, nextTick, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { Empty } from 'ant-design-vue'
 import { useVoiceCopyStore } from '@/stores/voiceCopy'
 import { useTTS, TTS_PROVIDERS } from '@/composables/useTTS'
 import APlayer from 'aplayer'
@@ -61,6 +64,13 @@ const props = defineProps({
   }
 })
 
+const router = useRouter()
+const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE
+
+const goToVoiceManage = () => {
+  router.push('/digital-human/voice-copy')
+}
+
 const voiceStore = useVoiceCopyStore()
 
 const emit = defineEmits(['select'])
@@ -273,11 +283,9 @@ onBeforeUnmount(() => {
 }
 
 .empty-voices {
-  padding: 8px 12px;
-  font-size: 12px;
-  color: var(--color-text-secondary);
-  background: rgba(0, 0, 0, 0.3);
-  border: 1px dashed rgba(59, 130, 246, 0.3);
+  padding: 16px 0;
+  background: var(--color-surface);
+  border: 1px dashed var(--color-border);
   border-radius: var(--radius-card);
 }