修复

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

@@ -1,60 +1,37 @@
 <script setup>
-import { ref, computed } from 'vue'
-import { message } from 'ant-design-vue'
+import { computed } from 'vue'
 import { useUserStore } from '@/stores/user'
-import LoginModal from '@/components/LoginModal.vue'
 import UserDropdown from '@/components/UserDropdown.vue'
-import TestService from '@/api/test'
 
 const styles = {
   background: 'var(--color-slate-900)',
   color: 'var(--color-text-inverse)'
 }
-// const route = useRoute()
-const userStore = useUserStore()
-const showLogin = ref(false)
 
+const userStore = useUserStore()
 
 // 计算是否应该显示用户组件
-// 判断用户是否有用户名，有用户名说明用户信息已加载完成
-// 使用 userStore.displayName 作为响应式依赖，确保用户信息变化时更新
 const shouldShowUser = computed(() => {
-  // 检查用户是否有用户名（nickname 或 wechatNickname）
-  // 有用户名说明用户信息已加载，可以显示用户组件
   const hasUserName = !!userStore.displayName && userStore.displayName !== '未命名用户'
-  
-  return hasUserName 
+  return hasUserName
 })
-
-// function go(path) {
-//   router.push(path)
-// }
 </script>
 
 <template>
-  <header
-    class="header-box"
-    :style="styles"
-  >
+  <header class="header-box" :style="styles">
     <div>
       <div class="h-[70px] flex items-center">
         <div class="flex items-center gap-3 flex-1 pl-[30px]">
           <!-- 左侧可放 logo 或其他内容 -->
         </div>
         <div class="flex items-center gap-4 pr-[35px]">
-
-          
           <template v-if="shouldShowUser">
             <UserDropdown />
           </template>
-          <template v-else>
-            <button class="btn-primary-nav" @click="showLogin = true">免费试用</button>
-          </template>
         </div>
       </div>
     </div>
   </header>
-  <LoginModal v-model:open="showLogin" />
 </template>
 
 <style scoped>
@@ -66,78 +43,4 @@ const shouldShowUser = computed(() => {
   z-index: 100;
   border-bottom: 1px solid var(--color-border);
 }
-
-.nav-link {
-  height: 70px;
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  padding: 0 6px;
-  color: var(--color-text-secondary);
-  position: relative;
-  transition: color .2s ease;
-}
-
-.nav-link:hover {
-  color: var(--color-text);
-}
-
-.nav-link--active {
-  color: var(--color-text);
-  font-weight: 600;
-}
-
-.nav-link--active::after {
-  content: "";
-  position: absolute;
-  left: 8px;
-  right: 8px;
-  bottom: 10px;
-  height: 2px;
-  background: linear-gradient(90deg, var(--color-primary), var(--color-blue));
-  opacity: 0.55;
-  border-radius: 2px;
-}
-
-.btn-primary-nav {
-  height: 32px;
-  padding: 0 12px;
-  border-radius: var(--radius-button);
-  background: var(--color-primary);
-  color: var(--color-text-inverse);
-  font-size: 14px;
-  font-weight: 600;
-  box-shadow: var(--shadow-blue);
-  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
-}
-
-.btn-primary-nav:hover {
-  transform: translateY(-1px);
-  box-shadow: var(--shadow-blue);
-  filter: brightness(1.03);
-}
-
-.btn-test-nav {
-  height: 32px;
-  padding: 0 12px;
-  border-radius: var(--radius-button);
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  color: var(--color-text);
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all .2s ease;
-}
-
-.btn-test-nav:hover:not(:disabled) {
-  background: var(--color-bg);
-  border-color: var(--color-primary);
-  color: var(--color-primary);
-}
-
-.btn-test-nav:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
 </style>

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

@@ -188,7 +188,8 @@ const handlePlayVoiceSample = (voice) => {
     },
     (error) => {
       console.error('音频播放失败', error)
-    }
+    },
+    { autoPlay: false }  // 禁用自动播放，由 APlayer 控制
   )
 }