实时商品注册UI演示
此项目是使用Next.js实现实时商务商品注册屏幕的示例。设计方案基于Figma木业,由注册步骤标题、商品信息输入表单和移动预览组件组成。
技术堆栈
- Next.js 14(应用路由器)
- 反应18
- TypeScript
- CSS模块
主要元件
StepHeader:显示注册步骤的进度和切换开关。ProductForm:用于输入商品名称、折扣率、说明、优惠、聊天设置等的表单。PhonePreview:显示实时预览屏幕的手机框架布局。
执行方法
npm install
npm run dev许可证
麻省理工学院
