xwkjjl 3 napja
szülő
commit
9b633769ed
5 módosított fájl, 56 hozzáadás és 7 törlés
  1. 5 2
      .env.development
  2. 4 1
      .env.production
  3. 43 3
      README.md
  4. 1 1
      index.html
  5. 3 0
      src/views/WarningCircle/PoliceAffairsItem.vue

+ 5 - 2
.env.development

@@ -1,5 +1,5 @@
 # 开发环境配置
-NODE_ENV=production
+NODE_ENV=development
 
 # 本地API基础URL
 APP_BASE_API=/api
@@ -11,4 +11,7 @@ APP_DEFAULT_REQUEST_MODE=LOCAL_ONLY
 APP_REQUEST_TIMEOUT=20000
 
 # 本地API基础URL
-APP_BASE_SERVER_URL=http://loaclhost:3000
+APP_BASE_SERVER_URL=http://loaclhost:3000
+
+# 项目名称
+APP_NAME=移动警务

+ 4 - 1
.env.production

@@ -8,4 +8,7 @@ APP_BASE_API=/api
 APP_DEFAULT_REQUEST_MODE=BOTH
 
 # 请求超时时间
-APP_REQUEST_TIMEOUT=20000
+APP_REQUEST_TIMEOUT=20000
+
+# 项目名称
+APP_NAME=移动警务

+ 43 - 3
README.md

@@ -1,5 +1,45 @@
-# Vue 3 + Vite
+# 移动警务系统
 
-This template should help get you started developing with Vue 3 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 + Vite构建的移动警务应用,为警务人员提供便捷的移动办公解决方案。
 
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
+## 技术栈
+
+- **前端框架**: Vue 3
+- **构建工具**: Vite
+- **UI组件库**: Vant
+- **状态管理**: Pinia
+- **路由管理**: Vue Router
+- **HTTP请求**: Axios
+
+## 项目特点
+
+- 采用Vue 3 `<script setup>` 语法糖,提高开发效率
+- 响应式设计,适配各种移动设备屏幕
+- 针对全面屏手机进行了底部安全区域适配
+- 模块化设计,便于功能扩展和维护
+
+## 主要功能
+
+- 用户认证与授权
+- 个人中心管理
+- 警务动态发布与查看
+- 警务信息交流与分享
+- 适配iOS和Android全面屏设备
+
+## 开发指南
+
+### 环境准备
+
+```bash
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+
+# 构建生产版本
+npm run build
+
+# 预览生产构建
+npm run preview
+```

+ 1 - 1
index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
-    <title>Vite + Vue</title>
+    <title>%APP_NAME%</title>
   </head>
   <body>
     <div id="app"></div>

+ 3 - 0
src/views/WarningCircle/PoliceAffairsItem.vue

@@ -108,6 +108,9 @@
 <style lang="scss" scoped>
   .list-item {
     display: flex;
+    &:not(:first-child) {
+      margin-top: 20px;
+    }
     .info {
       li {
         &:not(:first-child) {