first commit

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"]
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.gitignore

@@ -0,0 +1,14 @@
+.DS_Store
+node_modules/
+/dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.history/.eslintrc_20220601113643.js

@@ -0,0 +1,3 @@
+/*
+ * @LastEditors: gcz
+ */

.history/.eslintrc_20220601113914.js

@@ -0,0 +1,9 @@
+/*
+ * @LastEditors: gcz
+ */
+ module.exports = {
+
+    rules: {
+        'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }]
+    }
+};

.history/.eslintrc_20220601113921.js

@@ -0,0 +1,7 @@
+
+ module.exports = {
+
+    rules: {
+        'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }]
+    }
+};

.history/.eslintrc_20220601113926.js

@@ -0,0 +1,6 @@
+module.exports = {
+
+    rules: {
+        'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }]
+    }
+};

.history/.eslintrc_20220601113941.js

@@ -0,0 +1,6 @@
+module.exports = {
+
+    rules: {
+        'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }]
+    }
+};

.history/.eslintrc_20220601114147.js

@@ -0,0 +1,3 @@
+/*
+ * @LastEditors: gcz
+ */

.history/.eslintrc_20220601114245.js

@@ -0,0 +1,53 @@
+module.exports = {
+    root: true,
+    parser: 'babel-eslint',
+    parserOptions: {
+      //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。
+      sourceType: 'module'
+    },
+    env: {
+      browser: true,
+    },
+    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+    extends: 'standard',
+    // required to lint *.vue files
+    plugins: [
+      'html'
+    ],
+    // add your custom rules here
+    'rules': {
+      // allow paren-less arrow functions
+      'arrow-parens': 0,
+      // allow async-await
+      'generator-star-spacing': 0,
+      // allow debugger during development
+      'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+      "no-unused-vars": [2, { 
+        // 允许声明未使用变量
+        "vars": "local",
+        // 参数不检查
+        "args": "none" 
+      }],
+      // 关闭语句强制分号结尾
+      "semi": [0],
+      //key值前面是否要有空格
+  
+       "key-spacing": [0, {
+        "singleLine": {
+          "beforeColon": false,
+          "afterColon": true
+        },
+        "multiLine": {
+          "beforeColon": true,
+          "afterColon": true,
+          "align": "colon"
+        },
+      //空行最多不能超过100行
+      "no-multiple-empty-lines": [0, {"max": 100}],
+      //关闭禁止混用tab和空格
+      "no-mixed-spaces-and-tabs": [0],
+      //数组第一个指定是否启用这个规则，第二个指定几个空格
+      "indent":[1,2],
+  
+  }
+  

.history/.eslintrc_20220601114253.js

@@ -0,0 +1,52 @@
+module.exports = {
+    root: true,
+    parser: 'babel-eslint',
+    parserOptions: {
+      //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。
+      sourceType: 'module'
+    },
+    env: {
+      browser: true,
+    },
+    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+    extends: 'standard',
+    // required to lint *.vue files
+    plugins: [
+      'html'
+    ],
+    // add your custom rules here
+    'rules': {
+      // allow paren-less arrow functions
+      'arrow-parens': 0,
+      // allow async-await
+      'generator-star-spacing': 0,
+      // allow debugger during development
+      'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+      "no-unused-vars": [2, { 
+        // 允许声明未使用变量
+        "vars": "local",
+        // 参数不检查
+        "args": "none" 
+      }],
+      // 关闭语句强制分号结尾
+      "semi": [0],
+      //key值前面是否要有空格
+  
+       "key-spacing": [0, {
+        "singleLine": {
+          "beforeColon": false,
+          "afterColon": true
+        },
+        "multiLine": {
+          "beforeColon": true,
+          "afterColon": true,
+          "align": "colon"
+        },
+      //空行最多不能超过100行
+      "no-multiple-empty-lines": [0, {"max": 100}],
+      //关闭禁止混用tab和空格
+      "no-mixed-spaces-and-tabs": [0],
+      //数组第一个指定是否启用这个规则，第二个指定几个空格
+      "indent":[1,2],
+  
+}

.history/.eslintrc_20220601114417.js

@@ -0,0 +1,53 @@
+module.exports = {
+    root: true,
+    parser: 'babel-eslint',
+    parserOptions: {
+        //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。
+        sourceType: 'module'
+    },
+    env: {
+        browser: true,
+    },
+    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+    extends: 'standard',
+    // required to lint *.vue files
+    plugins: [
+        'html'
+    ],
+    // add your custom rules here
+    'rules': {
+        // allow paren-less arrow functions
+        'arrow-parens': 0,
+        // allow async-await
+        'generator-star-spacing': 0,
+        // allow debugger during development
+        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+        "no-unused-vars": [2, {
+            // 允许声明未使用变量
+            "vars": "local",
+            // 参数不检查
+            "args": "none"
+        }],
+        // 关闭语句强制分号结尾
+        "semi": [0],
+        //key值前面是否要有空格
+
+        "key-spacing": [0, {
+            "singleLine": {
+                "beforeColon": false,
+                "afterColon": true
+            },
+            "multiLine": {
+                "beforeColon": true,
+                "afterColon": true,
+                "align": "colon"
+            },
+            //空行最多不能超过100行
+            "no-multiple-empty-lines": [0, { "max": 100 }],
+            //关闭禁止混用tab和空格
+            "no-mixed-spaces-and-tabs": [0],
+            //数组第一个指定是否启用这个规则，第二个指定几个空格
+            "indent": [1, 2],
+        }
+    },
+}

.history/.eslintrc_20220601114517.js

@@ -0,0 +1,53 @@
+module.exports = {
+    root: true,
+    parser: 'babel-eslint',
+    parserOptions: {
+        //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。
+        sourceType: 'module'
+    },
+    env: {
+        browser: true,
+    },
+    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+    extends: 'standard',
+    // required to lint *.vue files
+    plugins: [
+        'html'
+    ],
+    // add your custom rules here
+    'rules': {
+        // allow paren-less arrow functions
+        'arrow-parens': 0,
+        // allow async-await
+        'generator-star-spacing': 0,
+        // allow debugger during development
+        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+        "no-unused-vars": [2, {
+            // 允许声明未使用变量
+            "vars": "local",
+            // 参数不检查
+            "args": "none"
+        }],
+        // 关闭语句强制分号结尾
+        "semi": [0],
+        //key值前面是否要有空格
+
+        "key-spacing": [0, {
+            "singleLine": {
+                "beforeColon": false,
+                "afterColon": true
+            },
+            "multiLine": {
+                "beforeColon": true,
+                "afterColon": true,
+                "align": "colon"
+            },
+            //空行最多不能超过100行
+            "no-multiple-empty-lines": [0, { "max": 100 }],
+            //关闭禁止混用tab和空格
+            "no-mixed-spaces-and-tabs": [0],
+            //数组第一个指定是否启用这个规则，第二个指定几个空格
+            "indent": [1, 2],
+        }]
+    },
+}

.history/.eslintrc_20220601114533.js

@@ -0,0 +1,54 @@
+module.exports = {
+    root: true,
+    parser: 'babel-eslint',
+    parserOptions: {
+        //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。
+        sourceType: 'module'
+    },
+    env: {
+        browser: true,
+    },
+    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+    extends: 'standard',
+    // required to lint *.vue files
+    plugins: [
+        'html'
+    ],
+    // add your custom rules here
+    'rules': {
+        'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }]
+        // allow paren-less arrow functions
+        'arrow-parens': 0,
+        // allow async-await
+        'generator-star-spacing': 0,
+        // allow debugger during development
+        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+        "no-unused-vars": [2, {
+            // 允许声明未使用变量
+            "vars": "local",
+            // 参数不检查
+            "args": "none"
+        }],
+        // 关闭语句强制分号结尾
+        "semi": [0],
+        //key值前面是否要有空格
+
+        "key-spacing": [0, {
+            "singleLine": {
+                "beforeColon": false,
+                "afterColon": true
+            },
+            "multiLine": {
+                "beforeColon": true,
+                "afterColon": true,
+                "align": "colon"
+            },
+            //空行最多不能超过100行
+            "no-multiple-empty-lines": [0, { "max": 100 }],
+            //关闭禁止混用tab和空格
+            "no-mixed-spaces-and-tabs": [0],
+            //数组第一个指定是否启用这个规则，第二个指定几个空格
+            "indent": [1, 2],
+        }]
+    },
+}

.history/.eslintrc_20220601114536.js

@@ -0,0 +1,54 @@
+module.exports = {
+    root: true,
+    parser: 'babel-eslint',
+    parserOptions: {
+        //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。
+        sourceType: 'module'
+    },
+    env: {
+        browser: true,
+    },
+    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+    extends: 'standard',
+    // required to lint *.vue files
+    plugins: [
+        'html'
+    ],
+    // add your custom rules here
+    'rules': {
+        'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }],
+        // allow paren-less arrow functions
+        'arrow-parens': 0,
+        // allow async-await
+        'generator-star-spacing': 0,
+        // allow debugger during development
+        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+        "no-unused-vars": [2, {
+            // 允许声明未使用变量
+            "vars": "local",
+            // 参数不检查
+            "args": "none"
+        }],
+        // 关闭语句强制分号结尾
+        "semi": [0],
+        //key值前面是否要有空格
+
+        "key-spacing": [0, {
+            "singleLine": {
+                "beforeColon": false,
+                "afterColon": true
+            },
+            "multiLine": {
+                "beforeColon": true,
+                "afterColon": true,
+                "align": "colon"
+            },
+            //空行最多不能超过100行
+            "no-multiple-empty-lines": [0, { "max": 100 }],
+            //关闭禁止混用tab和空格
+            "no-mixed-spaces-and-tabs": [0],
+            //数组第一个指定是否启用这个规则，第二个指定几个空格
+            "indent": [1, 2],
+        }]
+    },
+}

.history/.eslintrc_20220601114756.js

@@ -0,0 +1,65 @@
+module.exports = {
+    root: true, // 停止在父级目录中寻找
+    env: {
+      es6: true, // 启用 ES6 语法支持以及新的 ES6 全局变量或类型
+      node: true // Node.js 全局变量和 Node.js 作用域
+    },
+    extends: ['plugin:vue/essential', '@vue/standard'],
+    rules: {
+      'no-alert': 0, // 禁止使用alert confirm prompt
+      'no-console': 0, // 禁止使用console
+      'no-debugger': 0, // 禁止使用debugger
+      'prefer-const': 0, // 建议使用 const 关闭
+      'no-dupe-keys': 2, // 在创建对象字面量时不允许键重复 {a:1,a:1}
+      'no-dupe-args': 2, // 函数参数不能重复
+      'no-duplicate-imports': [
+        1,
+        {
+          includeExports: true
+        }
+      ], // 不允许重复导入
+   
+      'no-duplicate-case': 2, // switch中的case标签不能重复
+      'padded-blocks': 0, // 块语句内行首行尾是否要空行
+      'space-after-keywords': [0, 'always'], // 关键字后面是否要空一格
+      'space-before-blocks': [0, 'always'], // 不以新行开始的块{前面要不要有空格
+      'space-before-function-paren': [0, 'always'], // 函数定义时括号前面要不要有空格
+      'space-in-parens': [0, 'never'], // 小括号里面要不要有空格
+      'space-infix-ops': 0, // 中缀操作符周围要不要有空格
+      eqeqeq: 0, // 必须使用全等
+      'no-var': 0, // 禁用var，用let和const代替
+      'no-inline-comments': 0, // 禁止行内备注
+      indent: 0,
+      'vue/script-indent': 0,
+      'vue/require-prop-type-constructor': 0,
+      'vue/no-use-v-if-with-v-for': 0,
+      'no-trailing-spaces': 0, // 一行结束后面不要有空格
+      'no-multiple-empty-lines': 0, // [1, {"max": 2}],空行最多不能超过2行
+      'no-extra-boolean-cast': 0, // 禁止不必要的bool转换
+      'valid-jsdoc': 0,
+      'one-var': 0, // 连续声明
+      semi: 0, // 语句强制分号结尾
+      'semi-spacing': [0, { before: false, after: true }], // 分号前后空格
+      'no-new': 0, // 禁止在使用new构造一个实例后不赋值
+      'no-extra-semi': 0, // 禁止多余的冒号
+      'keyword-spacing': 0,
+      'arrow-parens': 0, // 箭头函数用小括号括起来 - 关闭
+      'generator-star-spacing': 0, // 生成器函数*的前后空格
+      'no-mixed-operators': 0,
+      'eol-last': 0, // 文件以单一的换行符结束 - 关闭
+      'object-curly-spacing': 0, // 大括号内是否允许不必要的空格
+      'no-callback-literal': 0,
+      'multiline-ternary': 0
+    },
+    parserOptions: {
+      parser: 'babel-eslint'
+    },
+    overrides: [
+      {
+        files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
+        env: {
+          jest: true
+        }
+      }
+    ]
+  };

.history/build/webpack.base.conf_20220530160113.js

@@ -0,0 +1,82 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

.history/build/webpack.base.conf_20220608163042.js

@@ -0,0 +1,85 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  externals: {
+    'AMap': 'AMap'
+  },
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

.history/build/webpack.base.conf_20220608163043.js

@@ -0,0 +1,88 @@
+/*
+ * @LastEditors: gcz
+ */
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  externals: {
+    'AMap': 'AMap'
+  },
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

.history/build/webpack.base.conf_20220608163045.js

@@ -0,0 +1,88 @@
+/*
+ * @LastEditors: gcz
+ */
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  externals: {
+    'AMap': 'AMap'
+  },
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

.history/build/webpack.base.conf_20220608163047.js

@@ -0,0 +1,88 @@
+/*
+ * @LastEditors: gcz
+ */
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  externals: {
+    'AMap': 'AMap'
+  },
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

.history/build/webpack.base.conf_20220608163655.js

@@ -0,0 +1,88 @@
+/*
+ * @LastEditors: gcz
+ */
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  // externals: {
+  //   'AMap': 'AMap'
+  // },
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

.history/config/index_20220530160113.js

@@ -0,0 +1,69 @@
+'use strict'
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {},
+
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: false,
+    errorOverlay: true,
+    notifyOnErrors: true,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+    
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: 'cheap-module-eval-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    cacheBusting: true,
+
+    cssSourceMap: true
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: true,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}

.history/config/index_20220608174230.js

@@ -0,0 +1,69 @@
+'use strict'
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {},
+
+    // Various Dev Server settings
+    host: '0.0.0.0', // can be overwritten by process.env.HOST
+    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: false,
+    errorOverlay: true,
+    notifyOnErrors: true,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+    
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: 'cheap-module-eval-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    cacheBusting: true,
+
+    cssSourceMap: true
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: true,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}

.history/config/index_20220608174231.js

@@ -0,0 +1,72 @@
+/*
+ * @LastEditors: gcz
+ */
+'use strict'
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {},
+
+    // Various Dev Server settings
+    host: '0.0.0.0', // can be overwritten by process.env.HOST
+    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: false,
+    errorOverlay: true,
+    notifyOnErrors: true,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+    
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: 'cheap-module-eval-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    cacheBusting: true,
+
+    cssSourceMap: true
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: true,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}

.history/index_20220530160113.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>ntbigscreen</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220530161809.html

@@ -0,0 +1,16 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>ntbigscreen</title>
+    <link rel="stylesheet" href="./src/assets/common.css">
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220530161910.html

@@ -0,0 +1,16 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>ntbigscreen</title>
+    <link rel="stylesheet" href="./static/css/common.css">
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220530162205.html

@@ -0,0 +1,18 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>ntbigscreen</title>
+    <link rel="stylesheet" href="./static/css/common.css">
+    <!-- 天地图 -->
+    <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220531164250.html

@@ -0,0 +1,18 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>ntbigscreen</title>
+    <link rel="stylesheet" href="./static/css/common.scss">
+    <!-- 天地图 -->
+    <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220531164257.html

@@ -0,0 +1,18 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>ntbigscreen</title>
+    <link rel="stylesheet" href="./static/css/common.scss">
+    <!-- 天地图 -->
+    <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220531164433.html

@@ -0,0 +1,18 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>ntbigscreen</title>
+    <link rel="stylesheet" href="./static/css/common.css">
+    <!-- 天地图 -->
+    <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220531171857.html

@@ -0,0 +1,17 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>ntbigscreen</title>
+    <!-- 天地图 -->
+    <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220608152536.html

@@ -0,0 +1,18 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
+    <title>ntbigscreen</title>
+    <!-- 天地图 -->
+    <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220608152725.html

@@ -0,0 +1,18 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
+    <title>ntbigscreen</title>
+    <!-- 天地图 -->
+    <!-- <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script> -->
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220608153111.html

@@ -0,0 +1,24 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
+    <title>ntbigscreen</title>
+    <!-- 天地图 -->
+    <!-- <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script> -->
+    <script type="text/javascript">
+      window._AMapSecurityConfig = {
+          securityJsCode:'4a6a8d8ea053d9aa8f4677ee1179fe57',
+      }
+    </script>
+    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=58f9d9f14f2700689ddbc618495693b7"></script> 
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220608153553.html

@@ -0,0 +1,18 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
+    <title>ntbigscreen</title>
+    <!-- 天地图 -->
+    <!-- <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script> -->
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220608163303.html

@@ -0,0 +1,19 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
+    <title>ntbigscreen</title>
+    <!-- 天地图 -->
+    <!-- <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script> -->
+    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=58f9d9f14f2700689ddbc618495693b7"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220608163320.html

@@ -0,0 +1,19 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
+    <title>ntbigscreen</title>
+    <!-- 天地图 -->
+    <!-- <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script> -->
+    <script type="text/javascript" src="http://webapi.amap.com/maps?v=2.0&key=58f9d9f14f2700689ddbc618495693b7"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/index_20220608163438.html

@@ -0,0 +1,19 @@
+<!--
+ * @LastEditors: gcz
+-->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
+    <title>ntbigscreen</title>
+    <!-- 天地图 -->
+    <!-- <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=7e5149a4e4bc98ccf53b9941d5f8ea62"></script> -->
+    <!-- <script type="text/javascript" src="http://webapi.amap.com/maps?v=2.0&key=58f9d9f14f2700689ddbc618495693b7"></script> -->
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

.history/src/App_20220530160113.vue

@@ -0,0 +1,23 @@
+<template>
+  <div id="app">
+    <img src="./assets/logo.png">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

.history/src/App_20220530163602.vue

@@ -0,0 +1,25 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

.history/src/App_20220530163629.vue

@@ -0,0 +1,24 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+</style>

.history/src/App_20220530172931.vue

@@ -0,0 +1,25 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <dv-border-box-1>dv-border-box-1</dv-border-box-1>
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+</style>

.history/src/App_20220530173015.vue

@@ -0,0 +1,24 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+</style>

.history/src/App_20220531145100.vue

@@ -0,0 +1,25 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+@import url(../static/css/flex.scss);
+#app {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+</style>

.history/src/App_20220531150038.vue

@@ -0,0 +1,26 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+</style>

.history/src/App_20220531150306.vue

@@ -0,0 +1,26 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #rgba(38,80,179,0.54);
+}
+</style>

.history/src/App_20220531150316.vue

@@ -0,0 +1,26 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+</style>

.history/src/App_20220531164841.vue

@@ -0,0 +1,30 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+@mixin Sq($width,$height){
+    width:$width;
+    height:$height;
+}
+</style>

.history/src/App_20220531165047.vue

@@ -0,0 +1,29 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+</style>

.history/src/App_20220531165154.vue

@@ -0,0 +1,34 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}
+</style>

.history/src/App_20220531165213.vue

@@ -0,0 +1,34 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(1);
+}
+</style>

.history/src/App_20220531165217.vue

@@ -0,0 +1,34 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}
+</style>

.history/src/App_20220531165314.vue

@@ -0,0 +1,34 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #fff;
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}
+</style>

.history/src/App_20220531165322.vue

@@ -0,0 +1,34 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #fff;
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}
+</style>

.history/src/App_20220531170040.vue

@@ -0,0 +1,32 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #fff;
+}
+
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}
+</style>

.history/src/App_20220531170710.vue

@@ -0,0 +1,32 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+@import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #fff;
+}
+
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    // @include mbg(0.3);
+}
+</style>

.history/src/App_20220531170736.vue

@@ -0,0 +1,32 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+// @import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #fff;
+}
+
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    // @include mbg(0.3);
+}
+</style>

.history/src/App_20220531170948.vue

@@ -0,0 +1,26 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+// @import url(../static/css/flex.scss);
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #fff;
+}
+</style>

.history/src/App_20220531171412.vue

@@ -0,0 +1,25 @@
+<!--
+ * @LastEditors: gcz
+-->
+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
+
+<style lang='scss'>
+#app {
+  position: relative;
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #fff;
+}
+</style>

.history/src/assets/common_20220530161554.css

@@ -0,0 +1,4 @@
+html,body{
+    margin: 0;
+    padding: 0;
+}

.history/src/assets/scss/common_20220531165237.scss

@@ -0,0 +1,13 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}

.history/src/assets/scss/common_20220531170935.scss

@@ -0,0 +1,16 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}

.history/src/assets/scss/common_20220531170951.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}

.history/src/assets/scss/common_20220531171028.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($color,$o){
+    background-color: rgba(var(--main-color),$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}

.history/src/assets/scss/common_20220531171046.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($color,$o){
+    background-color: (var(--main-color),$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}

.history/src/assets/scss/common_20220531171128.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($color,$o){
+    background-color: ($color,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(var(--main-color),0.3);
+}

.history/src/assets/scss/common_20220531171157.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($color,$o){
+    background-color: ($color,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(var(--main-color),0.4);
+}

.history/src/assets/scss/common_20220531171315.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($color,$o){
+    background-color: ($color,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(var(--main-color),1);
+}

.history/src/assets/scss/common_20220531171444.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($color,$o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}

.history/src/assets/scss/common_20220531171505.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}

.history/src/assets/scss/common_20220531173146.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(255,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}

.history/src/assets/scss/common_20220531173156.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}

.history/src/assets/scss/common_20220531174955.scss

@@ -0,0 +1,21 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}

.history/src/assets/scss/common_20220606141859.scss

@@ -0,0 +1,37 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    right: 50px;
+    
+    .width-wrap{
+        width: 25vw;
+    }
+}

.history/src/assets/scss/common_20220606161715.scss

@@ -0,0 +1,38 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 50px;
+    
+    .width-wrap{
+        width: 25vw;
+    }
+}

.history/src/assets/scss/common_20220606161727.scss

@@ -0,0 +1,38 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .width-wrap{
+        width: 25vw;
+    }
+}

.history/src/assets/scss/common_20220606171133.scss

@@ -0,0 +1,39 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    background: url(/static/img/1.gif);
+    right: 10px;
+    
+    .width-wrap{
+        width: 25vw;
+    }
+}

.history/src/assets/scss/common_20220606172120.scss

@@ -0,0 +1,38 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .width-wrap{
+        width: 25vw;
+    }
+}

.history/src/assets/scss/common_20220607145114.scss

@@ -0,0 +1,40 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+    padding: 24px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .width-wrap{
+        width: 25vw;
+    }
+}

.history/src/assets/scss/common_20220607150246.scss

@@ -0,0 +1,40 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .width-wrap{
+        width: 25vw;
+    }
+}

.history/src/assets/scss/common_20220607154053.scss

@@ -0,0 +1,40 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 25vw;
+    }
+}

.history/src/assets/scss/common_20220607154058.scss

@@ -0,0 +1,40 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+    }
+}

.history/src/assets/scss/common_20220607154140.scss

@@ -0,0 +1,41 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 10px;
+    }
+}

.history/src/assets/scss/common_20220607154151.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 10px;
+        overflow: hidden;;
+    }
+}

.history/src/assets/scss/common_20220607154156.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 10px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607154205.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 25vw;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607154456.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 20vw;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607154522.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 20vw;
+    // padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607154546.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 22vw;
+    // padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607154556.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 50px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 23vw;
+    // padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607154824.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 10px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 23vw;
+    // padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607155619.scss

@@ -0,0 +1,42 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 10px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 23vw;
+    // padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    // height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607173341.scss

@@ -0,0 +1,45 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+    --s: 6;
+  --h: 36;
+  --speed: .8s;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 10px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 23vw;
+    // padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    // height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607173401.scss

@@ -0,0 +1,45 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+    --s: 6;
+    --h: 36;
+    --speed: .8s;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 10px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 23vw;
+    // padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    // height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

.history/src/assets/scss/common_20220607173503.scss

@@ -0,0 +1,45 @@
+html,body,:root {
+    --padding-left:24px;
+    --padding-right:24px;
+    --main-color:rgb(38,80,179);
+    --header-height:60px;
+    --s: 6;
+    --h: 36;
+    --speed: 1s;
+}
+html,body{
+    margin: 0;
+    padding: 0;
+}
+.page-padding-left{
+    padding-left: var(--padding-left);
+}
+@mixin mbg($o){
+    background-color: rgba(38,80,179,$o);
+}
+.blur-wrap{
+    backdrop-filter: blur(6px);
+    @include mbg(0.3);
+}
+
+.left-wrap{
+    position: absolute;
+    left: 10px;
+    height: calc( 100vh - var(--header-height) - 24px );
+    top: calc( var(--header-height) + 24px);
+    width: 23vw;
+    // padding: 15px;
+    box-sizing: border-box;
+}
+.right-wrap{
+    position: absolute;
+    top: calc( var(--header-height) + 24px);
+    // height: calc( 100vh - var(--header-height) - 24px );
+    right: 10px;
+    
+    .scroll-board-wrap{
+        width: 20vw;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}