feat: initialize project with event order form
This commit establishes the initial structure of the Nuxt application, centered around a new event order form. Key changes include: - Setting up the main app layout with a header, footer, and color mode support using @nuxt/ui. - Creating a multi-part event order form on the index page. - Introducing a `useEventOrder` composable to manage form state and validation with Zod. - Adding modular form components under `app/components/eventOrder`. - Including project configuration files for pnpm, VSCode, and global CSS.
This commit is contained in:
29
app/pages/index.vue
Normal file
29
app/pages/index.vue
Normal file
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<div>
|
||||
<UPageHero
|
||||
title="客制化高定系统"
|
||||
description="以自研技术为核心,专注打造高度定制化的交互展示系统。首创动态竞标与赞助商展示方案,全面支持宴会、活动与颁奖典礼等多场景应用,让每一场盛会更具视觉冲击与品牌价值。"
|
||||
/>
|
||||
|
||||
<UContainer>
|
||||
<UForm :schema="orderSchema" :state="orderState" class="space-y-4">
|
||||
<!-- 联系人信息 -->
|
||||
<EventOrderMetaDetails />
|
||||
<!-- 竞标大屏 -->
|
||||
<EventOrderProductBidding />
|
||||
<!-- 背景设计 -->
|
||||
<EventOrderProductBackgroundDesign />
|
||||
<!-- 致辞 / 流程 PPT 设计 -->
|
||||
<EventOrderProductFlowDesign />
|
||||
<!-- 赞助商名册 -->
|
||||
<EventOrderProductSponsor />
|
||||
</UForm>
|
||||
</UContainer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
const { orderSchema, orderState } = useEventOrder();
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
Reference in New Issue
Block a user