eb69f6c48e
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.
30 lines
954 B
Vue
30 lines
954 B
Vue
<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>
|