Merge branch 'build/change' into 'master'

Build/change See merge request !2

Merge branch 'build/change' into 'master'
Build/change See merge request !2
619bd409 · 郝聪敏 · 88491fd3 · f055513f · 619bd409 · 619bd409
Commit 619bd409 authored Jul 17, 2020 by 郝聪敏
25 changed files
--- a/babel.config.js
+++ b/babel.config.js
 module.exports = {
-  presets: [
+  presets: ["@vue/cli-plugin-babel/preset"]
-    '@vue/cli-plugin-babel/preset',
-  ],
 };
--- a/jsconfig.json
+++ b/jsconfig.json
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "allowSyntheticDefaultImports": false,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"],
+  "include": ["src"]
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -5,15 +5,24 @@
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
+    "release": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
+    "@qg/cherry-ui": "^1.1.2",
+    "@qg/qg-scroll": "^1.4.2",
+    "amfe-flexible": "^2.2.1",
    "core-js": "^3.6.5",
+    "lodash": "^4.17.19",
+    "normalize.css": "^8.0.1",
+    "vconsole": "^3.3.4",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
-    "vuex": "^3.4.0"
+    "vuex": "^3.4.0",
+    "weixin-js-sdk": "^1.6.0"
  },
  "devDependencies": {
+    "@better-scroll/core": "^2.0.0-alpha.4",
    "@vue/cli-plugin-babel": "^4.4.0",
    "@vue/cli-plugin-eslint": "^4.4.0",
    "@vue/cli-plugin-router": "^4.4.0",
@@ -24,9 +33,24 @@
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.1.3",
    "eslint-plugin-vue": "^6.2.2",
+    "husky": "^4.2.5",
    "less": "^3.0.4",
    "less-loader": "^5.0.0",
+    "lint-staged": "^10.2.11",
+    "postcss-px2rem": "^0.3.0",
    "prettier": "^1.19.1",
+    "svg-sprite-loader": "^5.0.0",
    "vue-template-compiler": "^2.6.11"
+  },
+  "lint-staged": {
+    "src/**/*.{js,vue}": [
+      "eslint --fix",
+      "git add"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
  }
 }
--- a/postcss.config.js
+++ b/postcss.config.js
+module.exports = {
+  plugins: {
+    "postcss-px2rem": {
+      remUnit: 37.5
+    }
+  }
+};
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>
-    <router-view/>
+    <router-view />
  </div>
 </template>

--- a/src/api/index.js
+++ b/src/api/index.js
--- a/src/assets/icons/index.js
+++ b/src/assets/icons/index.js
+import Vue from "vue";
+import SvgIcon from "@/components/SvgIcon"; // svg component
+// register globally
+Vue.component("svg-icon", SvgIcon);
+const req = require.context("./svg", false, /\.svg$/);
+const requireAll = requireContext => requireContext.keys().map(requireContext);
+requireAll(req);
--- a/src/assets/icons/svg/index.svg
+++ b/src/assets/icons/svg/index.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="72px" height="73px" viewBox="0 0 72 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
+    <title>首页</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="72" height="72" rx="14"></rect>
+        <polygon id="path-3" points="0 0.0438762527 3.16631273 0.0438762527 3.16631273 4.01699063 0 4.01699063"></polygon>
+        <polygon id="path-5" points="0 0.0248742857 65.9625149 0.0248742857 65.9625149 5.93161714 0 5.93161714"></polygon>
+        <polygon id="path-7" points="0.0550723404 0.0248657143 3.96502128 0.0248657143 3.96502128 5.93160857 0.0550723404 5.93160857"></polygon>
+        <polygon id="path-9" points="8.69565217e-06 0.0651130435 5.99226957 0.0651130435 5.99226957 51.999991 8.69565217e-06 51.999991"></polygon>
+        <polygon id="path-11" points="0.0114342857 0.0680191436 2.96477143 0.0680191436 2.96477143 36 0.0114342857 36"></polygon>
+    </defs>
+    <g id="首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-20.000000, -604.664719)" id="Group-23">
+            <g transform="translate(0.000000, 275.664719)">
+                <path d="M32,0 L343,0 C360.673112,-3.24649801e-15 375,14.326888 375,32 L375,1051 L0,1051 L0,32 C-2.164332e-15,14.326888 14.326888,3.24649801e-15 32,0 Z" id="矩形" fill="#FFFFFF"></path>
+                <g id="重疾险" transform="translate(20.000000, 329.745024)">
+                    <g id="Group-26-Copy-4">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <use id="Mask" fill="#FE751A" fill-rule="nonzero" xlink:href="#path-1"></use>
+                        <g id="Group-26" mask="url(#mask-2)">
+                            <g transform="translate(13.000000, 3.000000)">
+                                <g id="Group-27" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(25.000000, 0.000000)">
+                                    <path d="M7.80392157,12.0392157 C7.36030087,12.0392157 7,11.4392783 7,10.6993991 L7,5.33981656 C7,4.59998261 7.36030087,4 7.80392157,4 C8.24816434,4 8.60784314,4.59998261 8.60784314,5.33981656 L8.60784314,10.6993991 C8.60784314,11.4392783 8.24816434,12.0392157 7.80392157,12.0392157" id="Fill-1" fill="#FF9148" fill-rule="nonzero"></path>
+                                    <g id="Group-5" transform="translate(0.000000, 2.823529)" fill="#EF6B14">
+                                        <path d="M2.39116005,4.0170085 C1.62316998,4.0170085 1.34561979e-05,3.12746928 1.34561979e-05,2.03033965 C1.34561979e-05,0.933433333 1.62316998,0.0438941176 2.39116005,0.0438941176 L20.4773217,0.0438941176 C21.2460743,0.0438941176 21.8685132,0.933433333 21.8685132,2.03033965 C21.8685132,3.12746928 21.2460743,4.0170085 20.4773217,4.0170085 L2.39116005,4.0170085 Z" id="Fill-3"></path>
+                                    </g>
+                                    <g id="Group-8" transform="translate(1.000000, 2.823529)">
+                                        <mask id="mask-4" fill="white">
+                                            <use xlink:href="#path-3"></use>
+                                        </mask>
+                                        <g id="Clip-7"></g>
+                                    </g>
+                                    <g id="Group-11" transform="translate(18.686275, 0.000000)" fill="#EF6B14">
+                                        <path d="M1.59448528,70.9999955 C0.720482166,70.9999955 0.0112957361,69.4628306 0.0112957361,67.5662913 L0.0112957361,3.4691141 C0.0112957361,1.57249757 0.720482166,0.0350238043 1.59448528,0.0350238043 C2.46930507,0.0350238043 3.17762378,1.57249757 3.17762378,3.4691141 L3.17762378,67.5662913 C3.17762378,69.4628306 2.46930507,70.9999955 1.59448528,70.9999955" id="Fill-9"></path>
+                                    </g>
+                                    <path d="M9.75632791,41.9389651 C9.50247665,41.9389651 9.29692512,41.719825 9.29692512,41.4496153 L9.29692512,29.4041003 C9.29692512,28.9992828 8.98828677,28.6701467 8.60784314,28.6701467 C7.72120774,28.6701467 7,27.9017365 7,26.9574463 L7,25.4894444 C7,25.2190454 7.20555154,25 7.4594028,25 C7.71325406,25 7.91880559,25.2190454 7.91880559,25.4894444 L7.91880559,26.9574463 C7.91880559,27.3621218 8.22815488,27.6914472 8.60784314,27.6914472 C9.4941675,27.6914472 10.2156863,28.4598101 10.2156863,29.4041003 L10.2156863,41.4496153" id="Fill-15" fill="#FF9148" fill-rule="nonzero"></path>
+                                    <rect id="Rectangle" fill="#FF9148" fill-rule="nonzero" x="2" y="11" width="11" height="14" rx="2"></rect>
+                                    <rect id="Rectangle" fill="#FF9148" fill-rule="nonzero" transform="translate(7.500000, 25.500000) scale(1, -1) translate(-7.500000, -25.500000) " x="6" y="25" width="3" height="1" rx="0.5"></rect>
+                                    <path d="M11.4509804,18.0980392 L11.4509804,23.2565775 C11.4509804,23.5155273 11.2511912,23.7254902 11.0044029,23.7254902 L3.8583854,23.7254902 C3.61159712,23.7254902 3.41176471,23.5155273 3.41176471,23.2565775 L3.41176471,18.0980392 L11.4509804,18.0980392 Z" id="Fill-23" fill="#FF9F5F" fill-rule="nonzero"></path>
+                                </g>
+                                <g id="Group-32" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(0.000000, 21.000000)">
+                                    <g id="Group-3" transform="translate(0.000000, 31.000000)">
+                                        <mask id="mask-6" fill="white">
+                                            <use xlink:href="#path-5"></use>
+                                        </mask>
+                                        <g id="Clip-2"></g>
+                                        <path d="M65.8491116,5.93161714 L0.113385083,5.93161714 C0.050758011,5.93161714 -1.82320442e-05,5.88387429 -1.82320442e-05,5.82498857 L-1.82320442e-05,0.131588571 C-1.82320442e-05,0.0726171429 0.050758011,0.0248742857 0.113385083,0.0248742857 L65.8491116,0.0248742857 C65.9117387,0.0248742857 65.9625149,0.0726171429 65.9625149,0.131502857 L65.9625149,5.82498857 C65.9625149,5.88387429 65.9117387,5.93161714 65.8491116,5.93161714" id="Fill-1" fill="#EF6B14" mask="url(#mask-6)"></path>
+                                    </g>
+                                    <g id="Group-6" transform="translate(62.000000, 31.000000)">
+                                        <mask id="mask-8" fill="white">
+                                            <use xlink:href="#path-7"></use>
+                                        </mask>
+                                        <g id="Clip-5"></g>
+                                        <path d="M2.98758298,0.0248657143 L0.0550723404,0.0248657143 C0.595242553,0.0248657143 1.03260426,0.46578 1.03260426,1.00938 L1.03260426,4.94718 C1.03260426,5.49086571 0.595242553,5.93160857 0.0550723404,5.93160857 L2.98758298,5.93160857 C3.52775319,5.93160857 3.96502979,5.49086571 3.96502979,4.94718 L3.96502979,1.00938 C3.96502979,0.46578 3.52775319,0.0248657143 2.98758298,0.0248657143" id="Fill-4" fill="#B0BEC5" mask="url(#mask-8)"></path>
+                                    </g>
+                                    <path d="M0.999956467,37 L4,37 C3.44739019,37 2.99995647,36.5522115 2.99995647,36.000029 L2.99995647,32.000058 C2.99995647,31.4478756 3.44739019,31 4,31 L0.999956467,31 C0.447346654,31 0,31.4478756 0,32.000058 L0,36.000029 C0,36.5522115 0.447346654,37 0.999956467,37" id="Fill-7" fill="#ECEFF1"></path>
+                                    <g id="Group-11">
+                                        <mask id="mask-10" fill="white">
+                                            <use xlink:href="#path-9"></use>
+                                        </mask>
+                                        <g id="Clip-10"></g>
+                                        <path d="M2.0000087,0.17760487 L3.99226957,0.17760487 C5.09683906,0.17760487 5.99226957,1.07303537 5.99226957,2.17760487 L5.99226957,51.8874901 C5.99226957,51.9496188 5.94383478,51.999991 5.88409565,51.999991 L0.108182609,51.999991 C0.0484434783,51.999991 8.69565217e-06,51.9496188 8.69565217e-06,51.8874901 L8.69565217e-06,2.17760487 C8.69565217e-06,1.07303537 0.895439196,0.17760487 2.0000087,0.17760487 Z" id="Fill-9" fill="#EF6B14" mask="url(#mask-10)"></path>
+                                    </g>
+                                    <path d="M60,51.8869804 L60,16.1130196 C60,16.0506044 60.0484973,16 60.1084007,16 L65.8916864,16 C65.9515027,16 66,16.0506044 66,16.1130196 L66,51.8869804 C66,51.9493956 65.9515027,52 65.8916864,52 L60.1083136,52 C60.0484973,52 60,51.9493956 60,51.8869804" id="Fill-12" fill="#FF9D5C"></path>
+                                    <g id="Group-16" transform="translate(63.000000, 16.000000)">
+                                        <mask id="mask-12" fill="white">
+                                            <use xlink:href="#path-11"></use>
+                                        </mask>
+                                        <g id="Clip-15"></g>
+                                    </g>
+                                    <path d="M6.28679321,21 C6.12841625,21 6,21.1212823 6,21.2707738 L6,30.7292262 C6,30.8788048 6.12841625,31 6.28679321,31 L59.713299,31 C59.8715838,31 60,30.8787177 60,30.7292262 L60,21.2707738 C60,21.1711128 59.904433,21.0808549 59.713299,21 L6.28679321,21 Z" id="Fill-20" fill="#FF9F5F" fill-rule="nonzero"></path>
+                                </g>
+                                <rect id="Rectangle" fill="#FDB483" fill-rule="nonzero" x="6" y="33" width="23" height="10" rx="3"></rect>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/assets/icons/svg/ok.svg
+++ b/src/assets/icons/svg/ok.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
+    <title>编组 24备份 4</title>
+    <desc>Created with Sketch.</desc>
+    <g id="首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-59.000000, -1076.664719)" id="Group-7">
+            <g transform="translate(20.000000, 966.664719)">
+                <g id="Group-4" transform="translate(20.000000, 102.000000)">
+                    <g id="编组-24备份-4" transform="translate(19.000000, 4.000000)">
+                        <g id="Group-9" transform="translate(0.000000, 4.000000)">
+                            <g id="编组-23" transform="translate(1.000000, 1.000000)">
+                                <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                                <g id="编组-3" transform="translate(0.000000, 1.500000)" stroke-width="1.5">
+                                    <g id="编组-19">
+                                        <g id="编组-22">
+                                            <path d="M4.39768202,3.58341277 L6.11148483,0.934803283 C6.40892249,0.481565259 6.79134187,0 7.68365712,0 C8.36351416,0 8.74593353,0.325764901 8.94421965,0.594874199 C9.53909385,1.43053159 9.26998455,2.87522171 8.9158923,3.97999633 L11.7061323,3.97999633 C12.1310431,3.97999633 12.5276255,4.16412392 12.796736,4.48988882 C13.0367405,4.78241497 13.135238,5.16603506 13.0658464,5.53800105 L12.2585162,9.46134178 C11.9752427,10.7219043 11.1112581,11.557564 10.0914731,11.557564 L3.94444444,11.3799002" id="路径" stroke="#222729" stroke-linecap="round" stroke-linejoin="round"></path>
+                                            <path d="M2.41192952,2.97222222 C2.02919562,2.97222222 1.70785943,3.26040998 1.66635289,3.64088659 L0.926958952,10.4186644 C0.924012218,10.4456761 0.922535585,10.472828 0.922535585,10.5 C0.922535585,10.9142136 1.25832202,11.25 1.67253558,11.25 L3.33333333,11.25 C3.7475469,11.25 4.08333333,10.9142136 4.08333333,10.5 L4.08333333,3.72222222 C4.08333333,3.30800866 3.7475469,2.97222222 3.33333333,2.97222222 L2.41192952,2.97222222 Z" id="矩形" stroke="#25262A"></path>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/cherry-ui.js
+++ b/src/cherry-ui.js
+import Vue from "vue";
+import { Button } from "@qg/cherry-ui/src/index.js";
+Vue.use(Button);
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -2,16 +2,44 @@
  <div class="hello">
    <h1>{{ msg }}</h1>
    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
+      For a guide and recipes on how to configure / customize this project,<br />
      check out the
      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
    </p>
    <h3>Installed CLI Plugins</h3>
    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
+      <li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
+        <a
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
+          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
+          target="_blank"
+          rel="noopener"
+          >babel</a
+        >
+      </li>
+      <li>
+        <a
+          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router"
+          target="_blank"
+          rel="noopener"
+          >router</a
+        >
+      </li>
+      <li>
+        <a
+          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex"
+          target="_blank"
+          rel="noopener"
+          >vuex</a
+        >
+      </li>
+      <li>
+        <a
+          href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
+          target="_blank"
+          rel="noopener"
+          >eslint</a
+        >
+      </li>
    </ul>
    <h3>Essential Links</h3>
    <ul>
@@ -25,19 +53,27 @@
    <ul>
      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
+      <li>
+        <a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener"
+          >vue-devtools</a
+        >
+      </li>
      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
+      <li>
+        <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener"
+          >awesome-vue</a
+        >
+      </li>
    </ul>
  </div>
 </template>
 <script>
 export default {
-  name: 'HelloWorld',
+  name: "HelloWorld",
  props: {
-    msg: String,
+    msg: String
-  },
+  }
 };
 </script>

--- a/src/components/SvgIcon.vue
+++ b/src/components/SvgIcon.vue
+<template>
+  <svg :class="svgClass" aria-hidden="true">
+    <use :xlink:href="iconName" />
+  </svg>
+</template>
+<script>
+export default {
+  name: "SvgIcon",
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.iconClass}`;
+    },
+    svgClass() {
+      if (this.className) {
+        return "svg-icon " + this.className;
+      } else {
+        return "svg-icon";
+      }
+    }
+  }
+};
+</script>
+<style scoped>
+.svg-icon {
+  width: 5em;
+  height: 5em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+.svg-external-icon {
+  background-color: currentColor;
+  mask-size: cover !important;
+  display: inline-block;
+}
+</style>
--- a/src/config/dev.config.js
+++ b/src/config/dev.config.js
+export default {
+  basicHost: "https://talos-vcc.liangkebang.net"
+};
--- a/src/config/index.js
+++ b/src/config/index.js
+import prod from "./prod.config";
+import dev from "./dev.config";
+export default process.env.NODE_ENV === "production" ? prod : dev;
--- a/src/config/prod.config.js
+++ b/src/config/prod.config.js
+export default {
+  basicHost: "https://talos-vcc.liangkebang.net"
+};
--- a/src/main.js
+++ b/src/main.js
-import Vue from 'vue';
+import Vue from "vue";
-import App from './App.vue';
+import App from "./App.vue";
-import router from './router';
+import router from "./router";
-import store from './store';
+import store from "./store";
+import "normalize.css";
+import "amfe-flexible";
+import vConsole from "vconsole";
+import "@/assets/icons/index.js";
 Vue.config.productionTip = false;
 new Vue({
  router,
  store,
-  render: (h) => h(App),
+  render: h => h(App)
-}).$mount('#app');
+}).$mount("#app");
+if (process.env.NODE_ENV !== "development") {
+  new vConsole();
+}
--- a/src/router/index.js
+++ b/src/router/index.js
-import Vue from 'vue';
+import Vue from "vue";
-import VueRouter from 'vue-router';
+import VueRouter from "vue-router";
-import Home from '../views/Home.vue';
+import Home from "../views/Home.vue";
 Vue.use(VueRouter);
 const routes = [
  {
-    path: '/',
+    path: "/",
-    name: 'Home',
+    name: "Home",
-    component: Home,
+    component: Home
  },
  {
-    path: '/about',
+    path: "/about",
-    name: 'About',
+    name: "About",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
+    component: () => import(/* webpackChunkName: "about" */ "../views/About.vue")
-  },
+  }
 ];
 const router = new VueRouter({
-  mode: 'history',
+  mode: "history",
  base: process.env.BASE_URL,
-  routes,
+  routes
 });
 export default router;
--- a/src/service/utils.js
+++ b/src/service/utils.js
+/**
+ * 时间转换
+ * @param {String} time 需要转换的时间
+ * @param {String} cFormat 格式 {y}-{m}-{d} {h}:{i}:{s}
+ * @return: {String} timeStr 转换完成的时间
+ */
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0) {
+    return "-";
+  }
+  if (time == null) {
+    return "-";
+  }
+  const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
+  let date;
+  if (time == "") {
+    date = new Date();
+  } else if (typeof time === "object") {
+    date = time;
+  } else {
+    if (("" + time).length === 10) time = parseInt(time) * 1000;
+    if (String(time).indexOf("T") > -1) {
+      time = time.replace(/T/g, " ").replace(/\..*/g, "");
+    }
+    if (String(time).indexOf("-") > -1 && String(time).indexOf("T") == -1) {
+      time = time.replace(/-/g, "/");
+    }
+    date = new Date(time);
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  };
+  const timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+    let value = formatObj[key];
+    if (key === "a") {
+      return ["日", "一", "二", "三", "四", "五", "六"][value];
+    }
+    if (result.length > 0 && value < 10) {
+      value = "0" + value;
+    }
+    return value || 0;
+  });
+  return timeStr;
+}
+/**
+ * 时间显示效果显示
+ * @param {String} time 需要转换的时间
+ * @param {String} option 格式 {y}-{m}-{d} {h}:{i}:{s}
+ * @return: {String} 转换完成的时间
+ */
+export function formatTime(time, option) {
+  time = +time * 1000;
+  const d = new Date(time);
+  const now = Date.now();
+  const diff = (now - d) / 1000;
+  if (diff < 30) {
+    return "刚刚";
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + "分钟前";
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + "小时前";
+  } else if (diff < 3600 * 24 * 2) {
+    return "1天前";
+  }
+  if (option) {
+    return parseTime(time, option);
+  } else {
+    return (
+      d.getMonth() + 1 + "月" + d.getDate() + "日" + d.getHours() + "时" + d.getMinutes() + "分"
+    );
+  }
+}
+/**
+ * 延时函数
+ * @param {Function} func 方法
+ * @param {Number} wait 等待时间
+ * @param {Boolean} immediate 是否立即执行
+ * @return: {Function} result 方法执行
+ */
+export function debounce(func, wait, immediate) {
+  let timeout, args, context, timestamp, result;
+  const later = function() {
+    // 据上一次触发时间间隔
+    const last = +new Date() - timestamp;
+    // 上次被包装函数被调用时间间隔last小于设定时间间隔wait
+    if (last < wait && last > 0) {
+      timeout = setTimeout(later, wait - last);
+    } else {
+      timeout = null;
+      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+      if (!immediate) {
+        result = func.apply(context, args);
+        if (!timeout) context = args = null;
+      }
+    }
+  };
+  return function(...args) {
+    context = this;
+    timestamp = +new Date();
+    const callNow = immediate && !timeout;
+    // 如果延时不存在，重新设定延时
+    if (!timeout) timeout = setTimeout(later, wait);
+    if (callNow) {
+      result = func.apply(context, args);
+      context = args = null;
+    }
+    return result;
+  };
+}
+/**
+ * 替换邮箱字符
+ * @param {String} email 输入字符串
+ * @return: {Function} new_email 邮箱
+ */
+export function regEmail(email) {
+  if (String(email).indexOf("@") > 0) {
+    const str = email.split("@");
+    let _s = "";
+    if (str[0].length > 3) {
+      for (var i = 0; i < str[0].length - 3; i++) {
+        _s += "*";
+      }
+    }
+    var new_email = str[0].substr(0, 3) + _s + "@" + str[1];
+  }
+  return new_email;
+}
+/**
+ * 替换手机字符
+ * @param {String} mobile 输入字符串
+ * @return: {Function} new_email 邮箱
+ */
+export function regMobile(mobile) {
+  if (mobile.length > 7) {
+    var new_mobile = mobile.substr(0, 3) + "****" + mobile.substr(7);
+  }
+  return new_mobile;
+}
+/**
+ * 去除两侧空格
+ * @param {String} s 输入字符串
+ * @return: {Function} new_email 邮箱
+ */
+export function stringTrim(s) {
+  s = stringTrimLeft(s);
+  return stringTrimRight(s);
+}
+/**
+ * 去除左侧空格
+ * @param {String} s 输入字符串
+ * @return: {Function} new_email 邮箱
+ */
+export function stringTrimLeft(s) {
+  return s.replace(/^[\s\n\t]+/g, "");
+}
+/**
+ * 去除右侧空格
+ * @param {String} s 输入字符串
+ * @return: {Function} new_email 邮箱
+ */
+export function stringTrimRight(s) {
+  return s.replace(/[\s\n\t]+$/g, "");
+}
+/**
+ * 只能输入中文、英文、数字
+ * @param {String} str 输入字符串
+ * @return: {String} new_stremail 中文、英文、数字
+ */
+export function filterSc(str) {
+  // eslint-disable-next-line
+  return str.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g, "");
+}
+/**
+ * 字符长度（中文）
+ * @param  {String} str 输入字符串
+ * @return: {Number} len 长度
+ */
+export function strLen(str) {
+  var len = 0;
+  for (var i = 0; i < str.length; i++) {
+    var c = str.charCodeAt(i);
+    //单字节加1
+    if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
+      len++;
+    } else {
+      len += 2;
+    }
+  }
+  return len;
+}
+/**
+ * 替换emoji表情
+ * @param {String} name 输入字符串
+ * @return: {String} str 字符串
+ */
+export function filterEmoji(name) {
+  // eslint-disable-next-line
+  let str = name.replace(
+    // eslint-disable-next-line
+    /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi,
+    ""
+  );
+  return str;
+}
+/**
+ * xss处理
+ * @param {String} s 输入字符串
+ * @return: {String} str 字符串
+ */
+export function xssParse(str) {
+  return str
+    ? str.replace(/&((g|l|quo)t|amp|#39|nbsp);/g, function(m) {
+        return {
+          "&lt;": "<",
+          "&amp;": "&",
+          "&quot;": '"',
+          "&gt;": ">",
+          "&#39;": "'",
+          "&nbsp;": " "
+        }[m];
+      })
+    : "";
+}
--- a/src/service/validation.js
+++ b/src/service/validation.js
+/*eslint-disable*/
+import { stringTrim } from './utils';
+// 判断输入内容是否为空
+export function isNull(str) {
+  return str === undefined || str.length === 0 || str === null;
+}
+// 判断输入内容去掉空格是否为空
+export function isTrimNull(str) {
+  if (str === undefined || str.length === 0 || str === null) {
+    return true;
+  }
+  return stringTrim(str).length === 0;
+}
+// 判断日期类型是否为YYYY-MM-DD格式的类型
+export function isDate(str) {
+  if (!isNull(str)) {
+    const reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
+    const r = str.match(reg);
+    return r !== null;
+  }
+}
+// 判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型
+export function isDateTime(str) {
+  if (!isNull(str)) {
+    const reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
+    const r = str.match(reg);
+    return r !== null;
+  }
+  return false;
+}
+// 判断日期类型是否为hh:mm:ss格式的类型
+export function isTime(str) {
+  if (!isNull(str)) {
+    const reg = /^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否为英文字母
+export function isLetter(str) {
+  if (!isNull(str)) {
+    const reg = /^[a-zA-Z]+$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否为整数
+export function isInteger(str) {
+  if (!isNull(str)) {
+    const reg = /^[-+]?\d*$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否以数字开头
+export function isStartWithInteger(str) {
+  if (!isNull(str)) {
+    const reg = /^[0-9].*$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否为双精度
+export function isDouble(str) {
+  if (!isNull(str)) {
+    const reg = /^[-\+]?\d+(\.\d+)?$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否为:a-z,A-Z,0-9,_,并以字母开头
+export function isProgramVar(str) {
+  if (!isNull(str)) {
+    const reg = /^[a-zA-Z][a-zA-Z0-9_]*$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否为:a-z,A-Z,0-9,_,并以大写字母开头
+export function isProgramClassName(str) {
+  if (!isNull(str)) {
+    const reg = /^[A-Z][a-zA-Z0-9_]*$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否为中文
+export function isChinese(str) {
+  if (!isNull(str)) {
+    const reg = /^[\u0391-\uFFE5]+$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的EMAIL格式是否正确
+export function isEmail(str) {
+  if (!isNull(str)) {
+    const reg = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/g;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的邮编(只能为六位)是否正确
+export function isZIP(str) {
+  if (!isNull(str)) {
+    const reg = /^\d{6}$/;
+    return reg.test(str);
+  }
+}
+// 判断字符串的长度是否满足条件
+export function isLengthValidate(str, len) {
+  if (str) {
+    if (str.length <= len) {
+      return true;
+    } else {
+      return false;
+    }
+  } else {
+    return true;
+  }
+}
+// 判断输入的字符是否为:a-z,A-Z,0-9,_,汉字
+export function isProgramName(str) {
+  if (!isNull(str)) {
+    const reg = /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否为:a-z,A-Z,0-9,_,汉字
+export function isProgramCode(str) {
+  if (!isNull(str)) {
+    const reg = /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断输入的字符是否以http://或者https://开头，且必须是个网址
+export function isProgramWeb(str) {
+  if (!isNull(str)) {
+    let reg = /^((https|http)?:\/\/)[^\s]+/;
+    return reg.test(str);
+  }
+  return false;
+}
+export function isValueTypeMatched(type, value) {
+  switch (type) {
+    case 'Integer':
+      if (!/^\-?\d+$/.test(value)) {
+        return false;
+      }
+      break;
+    case 'Double':
+      if (!/^\-?\d+\.\d+$/.test(value)) {
+        return false;
+      }
+      break;
+    case 'Long':
+      if (!/^\-?\d+$/.test(value)) {
+        return false;
+      }
+      break;
+    case 'Boolean':
+      if (value !== 'true' && value !== 'false') {
+        return false;
+      }
+      break;
+    default:
+      return true;
+  }
+  return true;
+}
+export function isProperties(str) {
+  if (!isNull(str)) {
+    let reg = /^[a-zA-Z\u4e00-\u9fa5][a-zA-Z_0-9\u4e00-\u9fa5]*\s*=\s*[a-zA-Z_0-9\u4e00-\u9fa5]+/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 拒绝码以大写字母开头，包含数字、大写字母、下划线，且为四段式
+export function isUppercase(str) {
+  const reg = /^[A-Z]([A-Z0-9]*_){1}([A-Z0-9]+_){2}[A-Z0-9]+$/;
+  return reg.test(str);
+}
+//判断用户名
+export function isUserName(str) {
+  if (!isNull(str)) {
+    const reg = /^[a-zA-Z\d_]{4,20}$/;
+    return reg.test(str);
+  }
+  return false;
+}
+//判断密码
+export function isPassword(str) {
+  if (!isNull(str)) {
+    const reg = /^[a-zA-Z\d]{6,14}$/;
+    return reg.test(str);
+  }
+  return false;
+}
+//判断手机号
+export function isPhone(str) {
+  if (!isNull(str)) {
+    const reg = /^1[3456789]\d{9}$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断税号
+export function isTax(str) {
+  if (!isNull(str)) {
+    const reg = /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/;
+    return reg.test(str);
+  }
+  return false;
+}
+// 判断银行号
+export function isBankNumber(str) {
+  if (!isNull(str)) {
+    const reg = /^[0-9]{16}$|^[0-9]{17}$|^[0-9]{19}$/;
+    return reg.test(str);
+  }
+  return false;
+}
--- a/src/store/index.js
+++ b/src/store/index.js
-import Vue from 'vue';
+import Vue from "vue";
-import Vuex from 'vuex';
+import Vuex from "vuex";
 Vue.use(Vuex);
 export default new Vuex.Store({
-  state: {
+  state: {},
-  },
+  mutations: {},
-  mutations: {
+  actions: {},
-  },
+  modules: {}
-  actions: {
-  },
-  modules: {
-  },
 });
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
 <template>
  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
+    <img alt="Vue logo" src="../assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <HelloWorld msg="Welcome to Your Vue.js App" />
+    <svg-icon icon-class="index" />
+    <svg-icon icon-class="ok" />
  </div>
 </template>
 <script>
 // @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue';
+import HelloWorld from "@/components/HelloWorld.vue";
 export default {
-  name: 'Home',
+  name: "Home",
  components: {
-    HelloWorld,
+    HelloWorld
-  },
+  }
 };
 </script>
--- a/src/views/Home/index.vue
+++ b/src/views/Home/index.vue
+<!--
+ * @Description:
+ * @Date: 2020-07-16 19:29:02
+ * @LastEditors: gzw
+ * @LastEditTime: 2020-07-16 19:29:03
+-->
--- a/vue.config.js
+++ b/vue.config.js
 const path = require("path");
 const resolve = dir => path.join(__dirname, dir);
-const IS_PROD = process.env.NODE_ENV === 'production';
+const IS_PROD = process.env.NODE_ENV === "production";
 module.exports = {
  chainWebpack: config => {
    // 修复HMR
    config.resolve.symlinks(true);
    // 移除 prefetch 插件(针对生产环境首屏请求数进行优化)
-    config.plugins.delete('prefetch')
+    config.plugins.delete("prefetch");
    // 移除 preload 插件(针对生产环境首屏请求数进行优化)   preload 插件的用途：https://cli.vuejs.org/zh/guide/html-and-static-assets.html#preload
-    config.plugins.delete('preload')
+    config.plugins.delete("preload");
    // 添加别名
-    config.resolve.alias
+    config.resolve.alias.set("@", resolve("src"));
-      .set("@", resolve("src"))
+    // svg-sprite
+    config.module
+      .rule("svg")
+      .exclude.add(resolve("src/assets/icons"))
+      .end();
+    config.module
+      .rule("icons")
+      .test(/\.svg$/)
+      .include.add(resolve("src/assets/icons"))
+      .end()
+      .use("svg-sprite-loader")
+      .loader("svg-sprite-loader")
+      .options({
+        symbolId: "icon-[name]"
+      })
+      .end();
+    // 分包优化
+    config.optimization.splitChunks({
+      chunks: "all",
+      cacheGroups: {
+        libs: {
+          name: "chunk-libs",
+          test: /[\\/]node_modules[\\/]/,
+          priority: 10,
+          chunks: "initial" // only package third parties that are initially dependent
+        },
+        // TODO 🤨打包没用，emmmmmmmmmmm
+        cherryUI: {
+          name: "chunk-cherryUI", // split cherryUI into a single package
+          priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+          test: /[\\/]node_modules[\\/]@qg[\\/]_?cherry-ui(.*)/ // in order to adapt to cnpm
+        },
+        commons: {
+          name: "chunk-commons",
+          test: resolve("src/components"), // can customize your rules
+          minChunks: 3, //  minimum common number
+          priority: 5,
+          reuseExistingChunk: true
+        }
+      }
+    });
+    // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
+    config.optimization.runtimeChunk("single");
    return config;
  },
  lintOnSave: true,
  runtimeCompiler: false, // 是否使用包含运行时编译器的 Vue 构建版本
-  productionSourceMap: IS_PROD, // 生产环境的 source map
+  productionSourceMap: IS_PROD // 生产环境的 source map
 };
\ No newline at end of file
--- a/yarn.lock
+++ b/yarn.lock