feat: add voice studio prototype flow

This commit is contained in:
2026-04-19 23:10:16 +08:00
parent f106f740dd
commit 46d6201529
14 changed files with 1745 additions and 212 deletions

View File

@@ -7,7 +7,8 @@ import BaseButton from '../components/ui/BaseButton.vue'
import LoginDialog from '../components/ui/LoginDialog.vue'
import {
SparklesIcon,
ArrowRightOnRectangleIcon
ArrowRightOnRectangleIcon,
MicrophoneIcon,
} from '@heroicons/vue/24/outline'
const { locale } = useI18n()
@@ -36,6 +37,14 @@ function openCreateModal() {
router.push({ path: '/my-stories', query: { openCreate: 'true' } })
}
function openVoiceStudio() {
if (!userStore.user) {
showLoginDialog.value = true
return
}
router.push('/voice-studio')
}
function scrollToFeatures() {
document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' })
}
@@ -139,6 +148,10 @@ function scrollToFeatures() {
<SparklesIcon class="h-5 w-5 mr-2" />
开始创作故事
</BaseButton>
<BaseButton size="lg" variant="secondary" @click="openVoiceStudio">
<MicrophoneIcon class="h-5 w-5 mr-2" />
进入语音共创
</BaseButton>
<button @click="scrollToFeatures" class="px-6 py-3 rounded-xl font-semibold text-stone-600 bg-white border border-stone-200 hover:border-amber-400 hover:text-amber-700 transition-all shadow-sm">
了解更多功能
</button>