chat-moments/src/views/page/LoginView.vue

<template>
    <n-el class="px-12 py-20 h-full">
        <n-el class="py-3 px-5 fixed top-0 left-0" @click="$router.go(-1)">
            <n-icon size="24" class="text-gray-900 dark:text-white">
                <ChevronLeft />
            </n-icon>
        </n-el>
        <n-el class="text-2xl font-bold text-gray-900 dark:text-white">登陆走马AI助手</n-el>
        <n-el class="text-xs mt-2 text-gray-400 dark:text-gray-500">未注册手机验证后自动注册登录</n-el>

        <div class="py-9">
            <login-form @success="$router.replace({ name: 'moments' })"></login-form>
        </div>
    </n-el>
</template>

<script setup lang="ts">
import { NIcon, NEl } from 'naive-ui'
import { ChevronLeft } from '@vicons/tabler'
import { LoginForm } from '@/components/common'

</script>