chore: 迁移大场景

README.md

@@ -6,11 +6,37 @@ yarn
 yarn serve
 ```
 
+<br>
+
+### 目录结构
+
+```
+|-build
+|-public // 静态资源
+|-src
+  |- api // 接口文件
+  |- types // 类型声明
+  |- assets // 公用代码资源
+  |- components // 公用组件
+  |- views // 项目页面入口
+  |- utils // 公用工具函数
+  |- router // 路由配置
+  |- store // 全局状态管理
+  |
+  |- env.d.ts // 环境变量声明
+  |- global.d.ts // 全局变量声明
+  |- el.d.ts // element 声明
+```
+
+<br>
+
 ### 多场景模式
 
 通过 `process.env.SCENE` 区分场景
 
-尽量使用 `.tsx` 后缀，因为 `.vue` 为自定义后缀，webpack 暂不能友好支持 `.vue` 后缀，需要明确使用 `demo.vue`，导致无法区分场景
+尽量避免使用 `.vue` 自定义后缀，ide 暂不能友好支持模糊匹配 `.vue`，需要明确使用 `demo.vue`，导致无法区分场景
+
+<br>
 
 ### 关于分支
 
@@ -18,9 +44,11 @@ yarn serve
 
 `release-buffer` 缓冲区，发布一些工具类，创建分支的话拉取此分支
 
+<br>
+
 ### 🚀 关于代码格式化
 
-在 ide 扩展中下载 `prettier`
+推荐使用 ide 插件，在 ide 扩展中下载 `prettier`
 
 以 vscode 为例：
 

auto-imports.d.ts

@@ -1,5 +1,5 @@
 // Generated by 'unplugin-auto-import'
 export {}
 declare global {
-  const ElMessage: typeof import('element-plus/es')['ElMessage']
+
 }

config.js

@@ -24,10 +24,6 @@ const BACKEND_DOMAIN = process.env.DOMAIN || `www.${DOMAIN}`;
 
 module.exports = {
   /**
-   * 静态资源部署位置
-   */
-  publicPath: process.env.SCENE ? `/${process.env.SCENE}/` : `/`,
-  /**
    * 静态资源放置的子目录
    */
   assetsDir: ASSETS_DIR,
@@ -40,7 +36,7 @@ module.exports = {
     PROTOCOL,
     DOMAIN,
     BACKEND_DOMAIN,
-    ASSETS_URL: `/${ASSETS_DIR}`,
+    ASSETS_URL: `//${ASSETS_DIR}`,
     BACKEND_URL: `${PROTOCOL}://${BACKEND_DOMAIN}`,
   },
 };

package.json

@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "cross-env TITLE=湖南雷锋纪念馆 HOT_URL=http://localhost:8080 DOMAIN=leifengbwg.4dage.com vue-cli-service serve",
-    "build": "cross-env TITLE=湖南雷锋纪念馆 vue-cli-service build",
+    "serve": "cross-env TITLE=大理洱海科普馆 vue-cli-service serve",
+    "build": "cross-env TITLE=大理洱海科普馆 vue-cli-service build",
     "lint": "vue-cli-service lint",
     "prepare": "husky install"
   },
@@ -53,7 +53,6 @@
     "prettier": "^2.4.1",
     "sass": "^1.32.7",
     "sass-loader": "^12.0.0",
-    "svg-sprite-loader": "^6.0.11",
     "ts-jest": "^27.0.4",
     "typescript": "~4.5.5",
     "unplugin-auto-import": "^0.11.2",

public/images/doll_label_corner.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="6px" viewBox="0 0 6 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>map_corner  </title>
+    <g id="页面-1" stroke="none" stroke-width="3" fill="none" fill-rule="evenodd">
+        <g id="展示界面-三维" transform="translate(-56.000000, -270.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="编组-15" transform="translate(31.000000, 270.000000)">
+                <g id="形状结合-+-形状结合-蒙版" transform="translate(25.000000, 0.000000)">
+                    <path d="M6,6 L5,6 L5,2.705 L3.301,1 L0,1 L0,0 L3.71522641,0 L6,2.29344795 L6,6 Z" id="map_corner--" transform="translate(3.000000, 3.000000) scale(-1, 1) translate(-3.000000, -3.000000) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>