From e504619da7fd8981cce3028e81d241766a262534 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=89=8D=E7=AB=AF=E5=B0=8F=E5=95=8A=E7=99=BD?=
 <2053890199@qq.com>
Date: Tue, 18 Nov 2025 09:14:20 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=20README=20=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E4=BB=A5=E5=8F=8D=E6=98=A0=E9=A1=B9=E7=9B=AE=E5=AE=9E?=
 =?UTF-8?q?=E9=99=85=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

更新项目介绍、技术栈、功能特点、项目结构等内容，移除默认模板信息，添加开发环境说明和移动端适配注意事项
---
 README.md | 67 ++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 64 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 33895ab..132a456 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,66 @@
-# Vue 3 + TypeScript + Vite
+# 结婚证书 H5 应用
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+## 项目介绍
+这是一个基于 Vue 3 + TypeScript + Vite 构建的结婚证书 H5 应用，提供结婚证书信息填写、展示和核销功能。
 
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+## 技术栈
+- **前端框架**: Vue 3
+- **语言**: TypeScript
+- **构建工具**: Vite
+- **UI 框架**: Tailwind CSS
+- **路由**: Vue Router
+- **HTTP 客户端**: Axios
+
+## 功能特点
+- 结婚证书信息表单填写
+- 验证码输入与验证
+- 二维码展示与核销状态显示
+- 移动端适配与键盘优化
+- 响应式设计，适配不同尺寸设备
+
+## 项目结构
+```
+src/
+├── App.vue             # 应用主组件
+├── main.ts             # 应用入口
+├── pages/              # 页面组件
+│   └── home/           # 首页
+├── components/         # 通用组件
+├── router/             # 路由配置
+├── services/           # API 服务
+├── utils/              # 工具函数
+├── types/              # TypeScript 类型定义
+└── assets/             # 静态资源
+```
+
+## 开发环境
+
+### 安装依赖
+```bash
+pnpm install
+```
+
+### 启动开发服务器
+```bash
+pnpm dev
+```
+
+### 构建生产版本
+```bash
+pnpm build
+```
+
+### 预览构建结果
+```bash
+pnpm preview
+```
+
+## 移动端适配说明
+项目已针对移动端设备进行了优化，包括：
+- 响应式视口设置
+- 键盘弹出时的界面处理
+- 触摸交互优化
+
+## 注意事项
+- 开发环境 API 地址配置在 `.env.development` 文件中
+- 生产环境 API 地址配置在 `.env.production` 文件中