feat: add voice studio prototype flow
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user