Revert "初始化项目"

This reverts commit 4c8a5f113f.

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "hz-birthday",
+  "name": "template-h5",
   "version": "0.1.0",
   "lockfileVersion": 1,
   "requires": true,
@@ -929,6 +929,7 @@
       "version": "7.9.2",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.9.2.tgz",
       "integrity": "sha512-NE2DtOdufG7R5vnfQUTehdTfNycfUANEtCa9PssN9O/xmTzP4E08UI797ixaei6hBEVL9BI/PsdJS5x7mWoB9Q==",
+      "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.4"
       }
@@ -1038,11 +1039,6 @@
       "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
       "dev": true
     },
-    "@popperjs/core": {
-      "version": "2.5.4",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.5.4.tgz",
-      "integrity": "sha512-ZpKr+WTb8zsajqgDkvCEWgp6d5eJT6Q63Ng2neTbzBO76Lbe91vX/iVIW9dikq+Fs3yEo+ls4cxeXABD2LtcbQ=="
-    },
     "@soda/friendly-errors-webpack-plugin": {
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.1.tgz",
@@ -1182,23 +1178,11 @@
       "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==",
       "dev": true
     },
-    "@vant/icons": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.4.0.tgz",
-      "integrity": "sha512-96k+x00FqdGAQeTWrHEJ6C+QNifPQu58W9mv8pJAQ7VQ527KV9GHQT7m2TT+PhHXejDENYhlpW/XWOB66j8r8w=="
-    },
-    "@vant/popperjs": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.0.2.tgz",
-      "integrity": "sha512-CA2BgoQwlfm5OEmIuTnYNWaeCAcEhFFyVDg+irunZAWff+jV5TkAuDPpCWrIGYoVs99hwBDiRzzEAFybhlml2A==",
-      "requires": {
-        "@popperjs/core": "^2.5.4"
-      }
-    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.0.0.tgz",
-      "integrity": "sha512-6tyf5Cqm4m6v7buITuwS+jHzPlIPxbFzEhXR5JGZpbrvOcp1hiQKckd305/3C7C36wFekNTQSxAtgeM0j0yoUw=="
+      "integrity": "sha512-6tyf5Cqm4m6v7buITuwS+jHzPlIPxbFzEhXR5JGZpbrvOcp1hiQKckd305/3C7C36wFekNTQSxAtgeM0j0yoUw==",
+      "dev": true
     },
     "@vue/babel-plugin-transform-vue-jsx": {
       "version": "1.1.2",
@@ -1912,11 +1896,6 @@
       "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
       "dev": true
     },
-    "animate.css": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
-      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
-    },
     "ansi-colors": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
@@ -2249,7 +2228,8 @@
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
-      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+      "dev": true
     },
     "base": {
       "version": "0.11.2",
@@ -2446,6 +2426,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "requires": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -2486,21 +2467,6 @@
       "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=",
       "dev": true
     },
-    "browser-resolve": {
-      "version": "1.11.3",
-      "resolved": "https://registry.npmjs.org/browser-resolve/-/browser-resolve-1.11.3.tgz",
-      "integrity": "sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==",
-      "requires": {
-        "resolve": "1.1.7"
-      },
-      "dependencies": {
-        "resolve": {
-          "version": "1.1.7",
-          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz",
-          "integrity": "sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs="
-        }
-      }
-    },
     "browserify-aes": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
@@ -2619,11 +2585,6 @@
       "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=",
       "dev": true
     },
-    "builtin-modules": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
-      "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8="
-    },
     "builtin-status-codes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
@@ -3245,7 +3206,8 @@
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
     },
     "concat-stream": {
       "version": "1.6.2",
@@ -4680,11 +4642,6 @@
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "dev": true
     },
-    "estree-walker": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.2.1.tgz",
-      "integrity": "sha1-va/oCVOD2EFNXcLs9MkXO225QS4="
-    },
     "esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -5309,8 +5266,7 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -5331,14 +5287,12 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5353,20 +5307,17 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5483,8 +5434,7 @@
         "inherits": {
           "version": "2.0.4",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5496,7 +5446,6 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5511,7 +5460,6 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -5519,14 +5467,12 @@
         "minimist": {
           "version": "1.2.5",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "minipass": {
           "version": "2.9.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -5545,7 +5491,6 @@
           "version": "0.5.3",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "minimist": "^1.2.5"
           }
@@ -5607,8 +5552,7 @@
         "npm-normalize-package-bin": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "npm-packlist": {
           "version": "1.4.8",
@@ -5636,8 +5580,7 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5649,7 +5592,6 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5727,8 +5669,7 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -5764,7 +5705,6 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -5784,7 +5724,6 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -5828,14 +5767,12 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         },
         "yallist": {
           "version": "3.1.1",
           "bundled": true,
-          "dev": true,
+          "dev": true
-          "optional": true
         }
       }
     },
@@ -5972,11 +5909,6 @@
         "pify": "^4.0.1"
       }
     },
-    "hammerjs": {
-      "version": "2.0.8",
-      "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
-      "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE="
-    },
     "handle-thing": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
@@ -7347,14 +7279,6 @@
         "yallist": "^3.0.2"
       }
     },
-    "magic-string": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.16.0.tgz",
-      "integrity": "sha1-lw67DacZMwEoX7GqZQ85vdgetFo=",
-      "requires": {
-        "vlq": "^0.2.1"
-      }
-    },
     "make-dir": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
@@ -7593,6 +7517,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
       "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "dev": true,
       "requires": {
         "brace-expansion": "^1.1.7"
       }
@@ -8377,7 +8302,8 @@
     "path-parse": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw=="
+      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "dev": true
     },
     "path-to-regexp": {
       "version": "0.1.7",
@@ -9223,11 +9149,6 @@
         }
       }
     },
-    "preload-js": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/preload-js/-/preload-js-0.6.3.tgz",
-      "integrity": "sha1-3LS3wOGC27ziZ3rU8s+u4uJbTfc="
-    },
     "prelude-ls": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
@@ -9509,7 +9430,8 @@
     "regenerator-runtime": {
       "version": "0.13.5",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
-      "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
+      "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
+      "dev": true
     },
     "regenerator-transform": {
       "version": "0.14.4",
@@ -9736,6 +9658,7 @@
       "version": "1.15.1",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.1.tgz",
       "integrity": "sha512-84oo6ZTtoTUpjgNEr5SJyzQhzL72gaRodsSfyxC/AXRvwu0Yse9H8eF9IpGo7b8YetZhlI6v7ZQ6bKBFV/6S7w==",
+      "dev": true,
       "requires": {
         "path-parse": "^1.0.6"
       }
@@ -9814,89 +9737,6 @@
         "inherits": "^2.0.1"
       }
     },
-    "rollup-plugin-cleanup": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-cleanup/-/rollup-plugin-cleanup-0.1.4.tgz",
-      "integrity": "sha1-n+06tDAJiKiC1j3jMh5BDNr8YzE=",
-      "requires": {
-        "acorn": "^3.3.0",
-        "magic-string": "^0.16.0",
-        "rollup-pluginutils": "^1.5.2"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "3.3.0",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz",
-          "integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo="
-        }
-      }
-    },
-    "rollup-plugin-commonjs": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-7.1.0.tgz",
-      "integrity": "sha1-w6dywuSl+hNQf1xXi2bME7DLink=",
-      "requires": {
-        "acorn": "^4.0.1",
-        "estree-walker": "^0.3.0",
-        "magic-string": "^0.19.0",
-        "resolve": "^1.1.7",
-        "rollup-pluginutils": "^2.0.1"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "4.0.13",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
-          "integrity": "sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c="
-        },
-        "estree-walker": {
-          "version": "0.3.1",
-          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.3.1.tgz",
-          "integrity": "sha1-5rGlHPcpJSTnI3wxLl/mZgwc4ao="
-        },
-        "magic-string": {
-          "version": "0.19.1",
-          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.19.1.tgz",
-          "integrity": "sha1-FNdoATyvLsj96hakmvgvw3fnUgE=",
-          "requires": {
-            "vlq": "^0.2.1"
-          }
-        },
-        "rollup-pluginutils": {
-          "version": "2.8.2",
-          "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz",
-          "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==",
-          "requires": {
-            "estree-walker": "^0.6.1"
-          },
-          "dependencies": {
-            "estree-walker": {
-              "version": "0.6.1",
-              "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz",
-              "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w=="
-            }
-          }
-        }
-      }
-    },
-    "rollup-plugin-node-resolve": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-2.1.1.tgz",
-      "integrity": "sha1-y7eDsNFbAnlNWJFTULLw2QK43cg=",
-      "requires": {
-        "browser-resolve": "^1.11.0",
-        "builtin-modules": "^1.1.0",
-        "resolve": "^1.1.6"
-      }
-    },
-    "rollup-pluginutils": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-1.5.2.tgz",
-      "integrity": "sha1-HhVud4+UtyVb+hs9AXi+j1xVJAg=",
-      "requires": {
-        "estree-walker": "^0.2.1",
-        "minimatch": "^3.0.2"
-      }
-    },
     "run-async": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.0.tgz",
@@ -11484,18 +11324,6 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
-    "vant": {
-      "version": "2.11.2",
-      "resolved": "https://registry.npmjs.org/vant/-/vant-2.11.2.tgz",
-      "integrity": "sha512-cPWi9d37tf0kHrazH+/RjpdbplQKJV6XqGEc6qS/nkscxYuSOudxfe46r8TQLy4UU4/N4rRjT0HT315zF6DwYQ==",
-      "requires": {
-        "@babel/runtime": "7.x",
-        "@vant/icons": "1.4.0",
-        "@vant/popperjs": "^1.0.0",
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-        "vue-lazyload": "1.2.3"
-      }
-    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -11519,11 +11347,6 @@
         "extsprintf": "^1.2.0"
       }
     },
-    "vlq": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/vlq/-/vlq-0.2.3.tgz",
-      "integrity": "sha512-DRibZL6DsNhIgYQ+wNdWDL2SL3bKPlVrRiBqV5yuMm++op8W4kGFtaQfCs4KEJn0wBZcHVHJ3eoywX8983k1ow=="
-    },
     "vm-browserify": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
@@ -11567,11 +11390,6 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
-    "vue-lazyload": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
-      "integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
-    },
     "vue-loader": {
       "version": "15.9.1",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.1.tgz",
@@ -11632,17 +11450,6 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
-    "vue-touch": {
-      "version": "2.0.0-beta.4",
-      "resolved": "https://registry.npmjs.org/vue-touch/-/vue-touch-2.0.0-beta.4.tgz",
-      "integrity": "sha1-Alml+/if7RLV5deJ//uZuHSuBQE=",
-      "requires": {
-        "hammerjs": "^2.0.8",
-        "rollup-plugin-cleanup": "^0.1.4",
-        "rollup-plugin-commonjs": "^7.0.0",
-        "rollup-plugin-node-resolve": "^2.0.0"
-      }
-    },
     "vuex": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/vuex/-/vuex-3.1.3.tgz",

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "hz-birthday",
+  "name": "template-h5",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -9,14 +9,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "animate.css": "^4.1.1",
     "axios": "^0.19.2",
     "core-js": "^3.6.4",
-    "preload-js": "^0.6.3",
-    "vant": "^2.11.2",
     "vue": "^2.6.11",
     "vue-router": "^3.1.6",
-    "vue-touch": "^2.0.0-beta.4",
     "vuex": "^3.1.3"
   },
   "devDependencies": {

public/index.html

@@ -1,88 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
-
+  <head>
-<head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>
+    <title><%= htmlWebpackPlugin.options.title %></title>
-        <%= htmlWebpackPlugin.options.title %>
+  </head>
-    </title>
+  <body>
-</head>
-<style>
-    html,
-    body,
-    #app {
-        height: 100%;
-    }
-    
-    .loading-page {
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex-direction: column;
-        overflow: hidden;
-    }
-    
-    .hz-loading {
-        display: inline-block;
-        width: 80px;
-        height: 80px;
-        position: relative;
-    }
-    
-    .hz-loading-icon {
-        width: 40px;
-        height: 40px;
-        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFgpGXrbOyTU9IAwgABwgCeIWF////////1NPf////WWBd////////bHd0////////////////////////////////////////////////////////////HR0RKSkf////QT02////ISMdEhIH////////////LjAoAAAAJzVPtWdnOkdohKfBiXhQbH+ewNjjY3OBoJNylTEvvFNUUiILlYCM+OHZyru6wGRlxG9t1L3DkaCqmJOOk4p/saa1nLTAXl9wX1Vj+fTrvLq2VS8d/NzJt77FnZqVkGpYqZiNraKbTzYrOTQ3oExIkXJhoGJSekEx6sq5vMrQkZeZhI6WrLjBw8LAuaqlZTQfklpIqn9oZmx139PKpYt7p6ekOSgo3t3bVz4wS0VJgXt1SlVYCBEObVVJ17qr5OTkra+qQSESFhIUd21ptYp3aD4wv5ySoIFu0dHQLCAYa01Av7StkJKPM0RBiG9jVFtYrIh4pI6FoKGfemZajXhsFBoa0sOziWRVtLWyYGpsSjozmYN6g04+cW1kKDIvvqadsZeGnXZni4uJvKiTGxMGMz47QiwieYGJ1MvCRTQukn50f4KAf2xoQk5Oel9KUT42O0lHMjk2+Pj4o3Zfr499YlNNcnV2ent5UVlhiIJ8WkU9nW1Y38CxbWZgNikf7O3sHSUgMCYbPzcsXF5ZaVpUbF9abGtpKBoNW05I4rykxKKNISMdya6jPDUwWEtFRUdAr4VvNDcwQkNABAUAY2ViuJyMDA0EGhULRDwyt455zbikuZN+U1RRcHFuS01HOzEsSj85UU9HeXZwAAAALjAqzKiYOTEnWVNLQDgyLzQxxaWXMSwkUVJMYmFaKCIXIx4TPD47JCgiKSgmCQoAEBMLv5eCJy0pHSAZyq2b0LCjWldST0Q/wZyIHyAVIyIXYVlTOjowEQ8DSklBNS8mKSoeJSYbRDw3Hx0SKyYcPj40HRkOQkM5ODUrLC4jUUlDSEQ8GRwRNDQpMTEmLyogFRMIFhgO////h1RoqgAAACl0Uk5T7e7t7e3tfID7wuqJ3+156KzWzDALknRfGCK47k3t7fjtbO7uoD5X7QCJRCThAAAQhUlEQVRYw5XYBVRb2boA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 truncated
-        background-size: cover;
-        background-repeat: no-repeat;
-        background-position: center;
-        background-color: #f1b7d2;
-        border-radius: 50%;
-        overflow: hidden;
-        margin: 20px auto;
-    }
-    
-    .hz-loading:after {
-        content: " ";
-        display: block;
-        width: 80px;
-        height: 80px;
-        box-sizing: border-box;
-        border-radius: 50%;
-        border: 4px solid #f1b7d2;
-        border-color: #f1b7d2 transparent #f1b7d2 transparent;
-        animation: xtbg-loading 1.3s linear infinite;
-        position: absolute;
-        left: 0;
-        top: 0;
-    }
-    
-    @keyframes xtbg-loading {
-        0% {
-            transform: rotate(0deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-</style>
-
-<body>
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <div id="app">
+    <div id="app"></div>
-        <div class="loading-page">
-            <div class="hz-loading">
-                <div class="hz-loading-icon"></div>
-            </div>
-        </div>
-    </div>
     <!-- built files will be auto injected -->
-</body>
+  </body>
-
+</html>
-</html>

src/App.vue

@@ -1,9 +1,26 @@
 <template>
   <div id="app">
+    <div id="nav">
+      <router-link to="/">Home</router-link> |
+      <router-link to="/about">About</router-link>
+    </div>
     <router-view />
   </div>
 </template>
 
 <style lang="scss">
 @import "@/styles";
+
+#nav {
+  padding: 30px;
+
+  a {
+    font-weight: bold;
+    color: #2c3e50;
+
+    &.router-link-exact-active {
+      color: #42b983;
+    }
+  }
+}
 </style>

src/assets/svg/buntin.svg

@@ -1 +0,0 @@
-<svg height="512pt" viewBox="0 0 512 512.00012" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m193.9375 332.5-37.277344-80.800781 99.234375 9.457031zm0 0" fill="#35bab3"/><path d="m75.894531 311.644531-12.785156-85.144531 93.96875 26.21875zm0 0" fill="#1ddba9"/><path d="m318.0625 332.5 37.28125-80.800781-99.238281 9.457031zm0 0" fill="#1ddba9"/><path d="m436.109375 311.644531 12.78125-85.144531-93.964844 26.21875zm0 0" fill="#35bab3"/><path d="m193.9375 139.003906-37.277344-80.804687 99.234375 9.460937zm0 0" fill="#ee3c32"/><path d="m75.894531 118.144531-12.785156-85.144531 93.96875 26.21875zm0 0" fill="#fa9600"/><path d="m318.0625 139.003906 37.28125-80.804687-99.238281 9.460937zm0 0" fill="#fa9600"/><path d="m436.109375 118.144531 12.78125-85.144531-93.964844 26.21875zm0 0" fill="#ee3c32"/><path d="m345.136719 477.648438 21.667969-86.308594-95.765626 27.671875zm0 0" fill="#5ad2e6"/><path d="m457.277344 435.289062-3.207032-86.039062-87.488281 43.167969zm0 0" fill="#00adee"/><path d="m223.15625 500.632812-51.597656-72.5 99.269531-9.082031zm0 0" fill="#00adee"/><path d="m103.292969 502-28.332031-81.304688 97.199218 8.363282zm0 0" fill="#5ad2e6"/><path d="m498.015625 194.328125-52.179687 22.640625-89.046876 24.847656c-.785156-.117187-100.789062 9.304688-100.789062 9.304688s-100.003906-9.421875-100.789062-9.304688l-89.046876-24.847656-52.179687-22.640625c-5.066406-2.199219-10.957031.128906-13.15625 5.191406-2.195313 5.066407.128906 10.957031 5.195313 13.15625l48.027343 20.839844 11.949219 79.613281c.519531 3.453125 2.804688 6.386719 6.023438 7.738282 1.246093.519531 2.558593.777343 3.867187.777343 2.078125 0 4.140625-.648437 5.875-1.910156l71.371094-51.800781 31.71875 68.753906c1.421875 3.082031 4.3125 5.234375 7.671875 5.710938.472656.066406.941406.101562 1.410156.101562 2.871094 0 5.636719-1.238281 7.550781-3.441406l54.511719-62.773438 54.511719 62.773438c1.914062 2.203125 4.675781 3.441406 7.550781 3.441406.46875 0 .9375-.03125 1.410156-.101562 3.359375-.476563 6.246094-2.628907 7.667969-5.710938l31.722656-68.753906 71.371094 51.800781c1.734375 1.261719 3.796875 1.910156 5.875 1.910156 1.308594 0 2.621094-.257812 3.863281-.777343 3.222656-1.351563 5.507813-4.285157 6.023438-7.738282l11.953125-79.613281 48.027343-20.839844c5.066407-2.199219 7.390626-8.089843 5.191407-13.15625-2.195313-5.066406-8.085938-7.390625-13.152344-5.191406zm-414.675781 99.554687-8.046875-53.601562 59.15625 16.507812zm113.195312 20.378907-23.507812-50.957031 62.578125 5.964843zm118.933594 0-39.074219-44.992188 62.578125-5.964843zm113.195312-20.378907-51.109374-37.09375 59.15625-16.507812zm0 0"/><path d="m6.023438 19.175781 48.027343 20.839844 11.953125 79.613281c.519532 3.457032 2.800782 6.390625 6.023438 7.738282 1.242187.523437 2.558594.777343 3.863281.777343 2.078125 0 4.140625-.644531 5.875-1.90625l71.371094-51.804687 31.722656 68.757812c1.421875 3.082032 4.308594 5.230469 7.671875 5.710938.46875.066406.9375.101562 1.40625.101562 2.875 0 5.636719-1.242187 7.550781-3.445312l54.511719-62.769532 54.515625 62.769532c1.910156 2.203125 4.675781 3.445312 7.546875 3.445312.46875 0 .941406-.035156 1.410156-.101562 3.359375-.480469 6.25-2.628906 7.671875-5.710938l31.71875-68.757812 71.375 51.804687c1.734375 1.261719 3.796875 1.90625 5.875 1.90625 1.304688 0 2.617188-.253906 3.863281-.777343 3.222657-1.351563 5.503907-4.28125 6.023438-7.738282l11.949219-79.613281 48.027343-20.839844c5.066407-2.195312 7.394532-8.085937 5.195313-13.152343-2.199219-5.066407-8.09375-7.394532-13.15625-5.191407l-52.179687 22.640625-89.050782 24.847656c-.785156-.117187-100.785156 9.304688-100.785156 9.304688s-100-9.421875-100.78125-9.304688l-89.054688-24.847656-52.179687-22.640625c-5.066406-2.199219-10.953125.125-13.152344 5.191407-2.199219 5.066406.125 10.957031 5.191407 13.152343zm430.6875 27.605469-8.046876 53.605469-51.113281-37.097657zm-97.738282 23.023438-23.503906 50.957031-39.074219-44.992188zm-103.367187 5.964843-39.070313 44.992188-23.507812-50.957031zm-101.15625-12.480469-51.113281 37.097657-8.046876-53.605469zm0 0"/><path d="m496.386719 308.539062-47.078125 31.910157s-84.5 41.054687-85.28125 41.28125l-94.953125 27.441406s-100.015625 9.261719-100.765625 9.519531l-92.304688-7.941406-64.066406-12.632812c-5.410156-1.066407-10.675781 2.460937-11.742188 7.878906-1.070312 5.417968 2.457032 10.679687 7.875 11.746094l59.347657 11.699218 26.429687 75.847656c1.148438 3.300782 3.9375 5.761719 7.351563 6.488282.695312.148437 1.394531.222656 2.09375.222656 2.71875 0 5.359375-1.113281 7.269531-3.136719l60.542969-64.121093 43.90625 61.691406c1.878906 2.640625 4.917969 4.199218 8.144531 4.199218.148438 0 .300781 0 .449219-.007812 3.390625-.152344 6.472656-2.015625 8.183593-4.945312l41.945313-71.78125 65.195313 51.589843c1.792968 1.417969 3.984374 2.160157 6.207031 2.160157 1.078125 0 2.167969-.175782 3.21875-.535157 3.214843-1.089843 5.652343-3.738281 6.480469-7.03125l18.4375-73.441406 79.730468 37.691406c1.359375.640625 2.816406.957031 4.273438.957031 1.925Line truncated

src/assets/svg/door.svg

@@ -1,48 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<path style="fill:#7A6857;" d="M82.441,503.322h347.119V0H82.441V503.322z"/>
-<path style="fill:#BFA380;" d="M117.153,503.322h277.695V34.712H117.153V503.322z"/>
-<path style="fill:#7A6857;" d="M325.424,286.373h34.712v-34.712h-34.712V286.373z"/>
-<path style="fill:#E8EDEE;" d="M325.424,277.695H299.39c-5.207,0-8.678-3.471-8.678-8.678c0-5.207,3.471-8.678,8.678-8.678h26.034
-	c5.207,0,8.678,3.471,8.678,8.678C334.102,274.224,330.63,277.695,325.424,277.695"/>
-<g>
-	<path style="fill:#7A6857;" d="M151.864,147.525h208.271V78.102H151.864V147.525z"/>
-	<path style="fill:#7A6857;" d="M273.356,216.949v34.712H151.864v-69.424h208.271v34.712H273.356z"/>
-	<path style="fill:#7A6857;" d="M273.356,321.085v-34.712H151.864v69.424h208.271v-34.712H273.356z"/>
-	<path style="fill:#7A6857;" d="M151.864,459.932h208.271v-69.424H151.864V459.932z"/>
-</g>
-<path style="fill:#DBD6D2;" d="M490.305,512H21.695c-5.207,0-8.678-3.471-8.678-8.678c0-5.207,3.471-8.678,8.678-8.678h468.61
-	c5.207,0,8.678,3.471,8.678,8.678C498.983,508.529,495.512,512,490.305,512"/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

src/components/HelloWorld.vue

@@ -0,0 +1,130 @@
+<template>
+  <div class="hello">
+    <h1 class="border-1px">{{ msg }}</h1>
+    <p>
+      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>
+        <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>
+      <li>
+        <a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
+      </li>
+      <li>
+        <a href="https://forum.vuejs.org" target="_blank" rel="noopener"
+          >Forum</a
+        >
+      </li>
+      <li>
+        <a href="https://chat.vuejs.org" target="_blank" rel="noopener"
+          >Community Chat</a
+        >
+      </li>
+      <li>
+        <a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
+          >Twitter</a
+        >
+      </li>
+      <li>
+        <a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
+      </li>
+    </ul>
+    <h3>Ecosystem</h3>
+    <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://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>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "HelloWorld",
+  props: {
+    msg: String
+  }
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="scss">
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>

src/components/desire.vue

@@ -1,138 +0,0 @@
-<template>
-  <div class="desire-content">
-    <div class="fairy-box animate__animated animate__bounceInRight">
-      <img :src="require('@/assets/img/fairy.png')" />
-    </div>
-    <div class="hz-box animate__animated animate__bounceInDown">
-      <img :src="require('@/assets/img/IMG_1357.png')" />
-    </div>
-    <div class="text-box">
-      <p class="text-01 animate__animated animate__bounceInUp">
-        魔法仙女降临···
-      </p>
-      <p class="text-02 animate__animated animate__bounceInUp">
-        {{ showText(desireType) }}
-      </p>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "desire",
-  props: {
-    desireType: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      desireText: []
-    };
-  },
-  mounted() {
-    // this.$refs["text-02"].addEventListener(
-    //   "animationend",
-    //   this.textAnimationend
-    // );
-  },
-  destroyed() {
-    // this.$refs["text-02"] &&
-    //   this.$refs["text-02"].removeEventListener(
-    //     "animationend",
-    //     this.textAnimationend
-    //   );
-  },
-  methods: {
-    showText(id) {
-      let str = "";
-      switch (id) {
-        case 1:
-          str = "聪慧过人的你，必定每科高分飘过！";
-          break;
-        case 2:
-          str = "仙女下凡的你，大可不必许这种愿望！";
-          break;
-        case 3:
-          str = "体魄健硕的你，必定活到一百八！";
-          break;
-        case 4:
-          str = "腰缠万贯的你，必定日进斗金！";
-          break;
-        case 5:
-          str = "无忧无虑的你，必定每天幸福快乐！";
-          break;
-        case 6:
-          str = "真是贪心的人呀，所有都会如你所愿的！";
-          break;
-      }
-      return str;
-    }
-    // textAnimationend() {
-    //   console.log("animationend");
-    //   this.$emit("showUpIcon");
-    // }
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.desire-content {
-  height: 100%;
-  position: relative;
-  // background-color: #fff;
-  background-image: linear-gradient(to bottom, #fff, #f6d5ea);
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-.fairy-box {
-  width: 380px;
-  height: 370px;
-  position: absolute;
-  left: 50%;
-  margin-left: -190px;
-  animation-duration: 1.3s;
-  animation-delay: 1.5s;
-}
-.hz-box {
-  width: 400px;
-  height: 400px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  margin-left: -200px;
-  margin-top: -200px;
-  background-color: #8e5e7d;
-  // border: #ffa3dd solid 6px;
-  border-radius: 50%;
-  box-sizing: border-box;
-  overflow: hidden;
-  animation-duration: 1.3s;
-}
-.text-box {
-  width: 100%;
-  height: 350px;
-  display: flex;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  align-items: center;
-  flex-direction: column;
-  & > p {
-    width: 100%;
-    color: #8e5e7d;
-    font-size: 30px;
-    text-align: center;
-    padding-bottom: 36px;
-  }
-}
-.text-01 {
-  animation-delay: 2.8s;
-}
-.text-02 {
-  animation-delay: 4s;
-}
-</style>

src/components/door.vue

@@ -1,62 +0,0 @@
-<template>
-  <div class="door-content animate__animated" :class="style" ref="door-content">
-    <div class="door-img-box" @click="clickHandler">
-      <img :src="require('@/assets/img/door.png')" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "door",
-  props: {
-    // status: {
-    //     type: Boolean,
-    //     default: true
-    // }
-  },
-  data() {
-    return {
-      status: true
-    };
-  },
-  computed: {
-    style() {
-      return this.status ? "animate__zoomIn" : "animate__fadeOut";
-    }
-  },
-  methods: {
-    clickHandler() {
-      this.$refs["door-content"].addEventListener(
-        "animationend",
-        this.doorHiddenFun
-      );
-      this.status = false;
-    },
-    doorHiddenFun() {
-      this.$eventBus.$emit("door-hidden");
-      this.$refs["door-content"].removeEventListener(
-        "animationend",
-        this.doorHiddenFun
-      );
-    }
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.door-content {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.door-img-box {
-  width: 500px;
-  height: 800px;
-  & > img {
-    width: 100%;
-    height: 100%;
-  }
-}
-</style>

src/components/linght.vue

@@ -1,105 +0,0 @@
-<template>
-  <div class="linght-content">
-    <div class="linght-text-box">
-      <div
-        class="text-item text-01 animate__animated animate__fadeInLeft"
-        ref="linght-text1"
-      >
-        屋里怎么没开灯？
-      </div>
-      <div
-        class="text-item text-02 animate__animated animate__fadeInRight"
-        ref="linght-text2"
-      >
-        今天没人在？
-      </div>
-      <div
-        class="text-item text-03 animate__animated animate__fadeInLeft"
-        ref="linght-text3"
-      >
-        好黑呀···
-      </div>
-      <div
-        class="text-item text-04 animate__animated animate__fadeInRight"
-        ref="linght-text4"
-      >
-        还是先开灯吧！
-      </div>
-    </div>
-    <div class="linght-img-box">
-      <div
-        class="linght-switch animate__animated animate__bounceInUp"
-        @click="clickHandler"
-      >
-        <img :src="require('@/assets/img/switch.png')" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "linght",
-  props: {
-    // status: {
-    //     type: Boolean,
-    //     default: true
-    // }
-  },
-  data() {
-    return {};
-  },
-  computed: {},
-  mounted() {},
-  destroyed() {},
-  methods: {
-    clickHandler() {
-      // console.log("linght-hidden");
-      this.$eventBus.$emit("linght-hidden");
-    }
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.linght-content {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-}
-.linght-text-box {
-  flex: 2;
-  & > .text-item {
-    text-align: center;
-    color: #fff;
-    font-size: 46px;
-    padding: 40px;
-  }
-  // & > .text-01 {
-  //   animation-delay: 1s;
-  // }
-  & > .text-02 {
-    animation-delay: 1.3s;
-  }
-  & > .text-03 {
-    animation-delay: 2.6s;
-  }
-  & > .text-04 {
-    animation-delay: 3.9s;
-  }
-}
-.linght-img-box {
-  flex: 1;
-}
-.linght-switch {
-  width: 200px;
-  height: 200px;
-  margin: 0 auto;
-  animation-delay: 5.2s;
-  & > img {
-    width: 100%;
-    height: 100%;
-  }
-}
-</style>

src/components/photo.vue

@@ -1,116 +0,0 @@
-<template>
-  <div class="photo-content">
-    <div class="photo-border-box photo-01 animate__animated animate__rollIn">
-      <img :src="require('@/assets/img/IMG_1354.jpg')" />
-    </div>
-
-    <div class="text-box">
-      <p class="text-01 animate__animated animate__fadeInUp">
-        嘿！我的花子同学，生日快乐！
-      </p>
-      <p class="text-02 animate__animated animate__fadeInUp">
-        噢~还有，新年好！
-      </p>
-      <p class="text-03 animate__animated animate__fadeInUp">
-        祝愿你···
-      </p>
-      <p class="text-04 animate__animated animate__fadeInUp">
-        生活里有热汤和甜食
-      </p>
-      <p class="text-05 animate__animated animate__fadeInUp">
-        背包里有书本和远方
-      </p>
-      <p class="text-06 animate__animated animate__fadeInUp">
-        当然~
-      </p>
-      <p ref="text-07" class="text-07 animate__animated animate__fadeInUp">
-        也有我 ＞ω＜
-      </p>
-    </div>
-
-    <div class="pic-01 animate__animated animate__fadeInUp">
-      <img :src="require('@/assets/img/jiandaoshou.png')" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "photo"
-};
-</script>
-
-<style scoped lang="scss">
-.photo-content {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-image: url(../assets/img/5fc7076cc7715.png);
-  background-repeat: no-repeat;
-  background-size: cover;
-  overflow: hidden;
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.photo-border-box {
-  padding: 30px;
-  background-color: #fff;
-  box-shadow: #bbb 10px 10px 10px;
-}
-.photo-01 {
-  width: 360px;
-  height: 387px;
-  position: absolute;
-  left: 50%;
-  top: 40px;
-  margin-left: -200px;
-}
-
-.text-box {
-  width: 100%;
-  //  height: 500px;
-  position: absolute;
-  top: 550px;
-  left: 0;
-  & > p {
-    width: 100%;
-    color: #8e5e7d;
-    font-size: 30px;
-    text-align: center;
-    padding-bottom: 36px;
-  }
-}
-.text-01 {
-  animation-delay: 1.5s;
-}
-.text-02 {
-  animation-delay: 3.5s;
-}
-.text-03 {
-  animation-delay: 5.5s;
-}
-.text-04 {
-  animation-delay: 7.5s;
-}
-.text-05 {
-  animation-delay: 9.5s;
-}
-.text-06 {
-  animation-delay: 11.5s;
-}
-.text-07 {
-  animation-delay: 13.5s;
-}
-
-.pic-01 {
-  width: 270px;
-  height: 264px;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  animation-delay: 15s;
-}
-</style>

src/components/photo2.vue

@@ -1,146 +0,0 @@
-<template>
-  <div class="photo-content">
-    <div class="text-box">
-      <p class="text-01 animate__animated animate__fadeInUp">
-        春天会下雪
-      </p>
-      <p class="text-02 animate__animated animate__fadeInUp">
-        夏天有大雨
-      </p>
-      <p class="text-03 animate__animated animate__fadeInUp">
-        秋天会起风
-      </p>
-      <p class="text-04 animate__animated animate__fadeInUp">
-        冬天有艳阳
-      </p>
-      <p class="text-05 animate__animated animate__fadeInUp">
-        一年四季会有很多意外
-      </p>
-      <p class="text-06 animate__animated animate__fadeInUp">
-        但最迷人的···
-      </p>
-      <p class="text-07 animate__animated animate__fadeInUp">
-        还是遇见了你
-      </p>
-      <p class="text-08 animate__animated animate__fadeInUp">
-        在认识你的{{ getDays }}天里
-      </p>
-      <p class="text-09 animate__animated animate__fadeInUp">
-        你给我带来了很多快乐和感动
-      </p>
-      <p class="text-10 animate__animated animate__fadeInUp">
-        如果可以
-      </p>
-      <p class="text-11 animate__animated animate__fadeInUp">
-        我想搬进你甜甜的梦里
-      </p>
-    </div>
-
-    <div class="pic-01 animate__animated animate__bounceInUp">
-      <img :src="require('@/assets/img/IMG_1353.png')" />
-    </div>
-
-    <div class="pic-02 animate__animated animate__bounceInRight">
-      <img :src="require('@/assets/img/IMG_1634.png')" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "photo2",
-  computed: {
-    getDays() {
-      const time1 = Date.now() / 1000;
-      const time2 = Date.parse("2020-08-25") / 1000;
-      let time_ = time1 - time2;
-      time_ = time_ / (3600 * 24);
-      time_ = Math.floor(time_);
-      return time_;
-    }
-  },
-  methods: {}
-};
-</script>
-
-<style scoped lang="scss">
-.photo-content {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-image: url(../assets/img/5fc7076cc7715.png);
-  background-repeat: no-repeat;
-  background-size: cover;
-  overflow: hidden;
-  // background-image: linear-gradient(to bottom, #fff, #f6d5ea);
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.text-box {
-  width: 100%;
-  //  height: 500px;
-  position: absolute;
-  top: 60px;
-  left: 0;
-  & > p {
-    width: 100%;
-    color: #8e5e7d;
-    font-size: 30px;
-    text-align: center;
-    padding-bottom: 36px;
-  }
-}
-.text-01 {
-  animation-delay: 1.5s;
-}
-.text-02 {
-  animation-delay: 3.5s;
-}
-.text-03 {
-  animation-delay: 5.5s;
-}
-.text-04 {
-  animation-delay: 7.5s;
-}
-.text-05 {
-  animation-delay: 9.5s;
-}
-.text-06 {
-  animation-delay: 11.5s;
-}
-.text-07 {
-  animation-delay: 13.5s;
-}
-.text-08 {
-  animation-delay: 15.5s;
-}
-.text-09 {
-  animation-delay: 17.5s;
-}
-.text-10 {
-  animation-delay: 19.5s;
-}
-.text-11 {
-  animation-delay: 21.5s;
-}
-
-.pic-01 {
-  width: 240px;
-  height: 276px;
-  position: absolute;
-  bottom: -60px;
-  left: 0;
-  // animation-delay: 1s;
-}
-.pic-02 {
-  width: 256px;
-  height: 240px;
-  position: absolute;
-  bottom: 0;
-  right: -50px;
-  animation-delay: 0.5s;
-}
-</style>

src/components/photo3.vue

@@ -1,155 +0,0 @@
-<template>
-  <div class="photo-content">
-    <div class="photo-border-box photo-01 animate__animated rollInRight">
-      <div class="photo-box">
-        <img :src="require('@/assets/img/IMG_1345.png')" />
-      </div>
-    </div>
-    <div class="photo-border-box photo-02 animate__animated animate__rollIn">
-      <div class="photo-box">
-        <img :src="require('@/assets/img/IMG_1409.png')" />
-      </div>
-    </div>
-
-    <div class="text-box">
-      <p class="text-01 animate__animated animate__fadeInUp">
-        最后···
-      </p>
-      <p class="text-02 animate__animated animate__fadeInUp">
-        祝我下凡十八载的小仙女——龙纵雯同学
-      </p>
-      <p class="text-03 animate__animated animate__fadeInUp">
-        年年十八，绝世芳华
-      </p>
-      <p class="text-04 animate__animated animate__fadeInUp">
-        生日快乐！
-      </p>
-      <p class="text-05 animate__animated animate__fadeInUp">
-        元旦快乐！
-      </p>
-      <p class="text-06 animate__animated animate__fadeInUp">
-        我在此···
-      </p>
-      <p ref="text-07" class="text-07 animate__animated animate__fadeInUp">
-        给您拜个早年了~！●ω●
-      </p>
-    </div>
-
-    <div class="pic-01 animate__animated animate__bounceInUp">
-      <img :src="require('@/assets/img/tzl.png')" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "photo3"
-};
-</script>
-
-<style scoped lang="scss">
-.photo-content {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-image: url(../assets/img/5fc7076cc7715.png);
-  background-repeat: no-repeat;
-  background-size: cover;
-  // background-image: linear-gradient(to bottom, #fff, #f6d5ea);
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.photo-border-box {
-  padding: 30px;
-  background-color: #fff;
-  box-shadow: #bbb 0 0 20px;
-  display: block;
-}
-.photo-box {
-  width: 100%;
-  height: 100%;
-}
-.photo-01 {
-  width: 266px;
-  height: 240px;
-  position: absolute;
-  left: 50px;
-  top: 40px;
-  & > .photo-box {
-    background-color: #f1b7b7;
-  }
-}
-.photo-02 {
-  width: 320px;
-  height: 240px;
-  position: absolute;
-  right: 50px;
-  top: 160px;
-  & > .photo-box {
-    background-color: #f1b7d2;
-  }
-}
-
-.text-box {
-  width: 100%;
-  //  height: 500px;
-  position: absolute;
-  top: 520px;
-  left: 0;
-  & > p {
-    width: 100%;
-    color: #8e5e7d;
-    font-size: 30px;
-    text-align: center;
-    padding-bottom: 36px;
-  }
-}
-.text-01 {
-  animation-delay: 1.5s;
-}
-.text-02 {
-  animation-delay: 3.5s;
-}
-.text-03 {
-  animation-delay: 5.5s;
-}
-.text-04 {
-  animation-delay: 7.5s;
-}
-.text-05 {
-  animation-delay: 9.5s;
-}
-.text-06 {
-  animation-delay: 11.5s;
-}
-.text-07 {
-  animation-delay: 13.5s;
-}
-
-.pic-01 {
-  width: 229px;
-  height: 341px;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  animation-delay: 15s;
-}
-
-@keyframes rollInRight {
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-  }
-  to {
-    opacity: 1;
-    transform: none;
-  }
-}
-
-.rollInRight {
-  animation-name: rollInRight;
-}
-</style>

src/components/room.vue

@@ -1,399 +0,0 @@
-<template>
-  <div class="room-content">
-    <div class="room-box">
-      <div class="room-bg animate__animated animate__zoomIn">
-        <img :src="require('@/assets/img/5fc7076a277c7.png')" />
-      </div>
-      <div class="room-buntin-box animate__animated animate__slideInDown">
-        <div class="buntin1">
-          <img :src="require('@/assets/img/5fc7076c4a8d4.png')" />
-        </div>
-        <div class="buntin2">
-          <img :src="require('@/assets/img/5fc7076bbf916.png')" />
-        </div>
-        <div class="buntin3">
-          <img :src="require('@/assets/img/5fc7076c0979a.png')" />
-        </div>
-      </div>
-
-      <div
-        v-if="balloonVisible"
-        class="room-balloon-box animate__animated animate__slideInUp"
-      >
-        <img :src="require('@/assets/img/5fc7076669e49.png')" />
-      </div>
-
-      <div
-        class="room-text-style room-text-01 animate__animated animate__rotateInDownLeft"
-      >
-        <img :src="require('@/assets/img/5fc7076977033.png')" />
-      </div>
-
-      <div
-        class="room-text-style room-text-02 animate__animated animate__rotateInUpRight"
-      >
-        <img :src="require('@/assets/img/5fc70768e2b66.png')" />
-      </div>
-
-      <div
-        v-if="cakeVisible"
-        class="room-cake-box animate__animated animate__jackInTheBox"
-      >
-        <img :src="require('@/assets/img/12571461.png')" />
-      </div>
-
-      <div
-        v-if="showpic1"
-        class="room-hzpic-box pic1 animate__animated animate__bounceInLeft"
-      >
-        <img :src="require('@/assets/img/IMG_1355.png')" />
-      </div>
-      <div
-        v-if="showpic1"
-        class="room-hzpic-box pic2 animate__animated animate__bounceInUp"
-      >
-        <img :src="require('@/assets/img/IMG_1530.png')" />
-      </div>
-
-      <div class="room-gift-box animate__animated animate__slideInUp">
-        <img :src="require('@/assets/img/5fc70768a0f08.png')" />
-      </div>
-
-      <div class="room-button-box">
-        <div
-          v-if="showbutton1"
-          class="btn-box animate__animated animate__slideInLeft"
-        >
-          <van-button
-            color="linear-gradient(to right, #f6c076, #fd7171)"
-            @click="clickChangeMusic"
-            >还是换一首吧</van-button
-          >
-        </div>
-        <div
-          v-if="showbutton2"
-          class="btn-box animate__animated animate__slideInLeft"
-        >
-          <van-button
-            color="linear-gradient(to right, #f6c076, #fd7171)"
-            @click="clickShowPic1"
-            >有请小天使</van-button
-          >
-        </div>
-        <div
-          v-if="showbutton3"
-          class="btn-box animate__animated animate__slideInLeft"
-        >
-          <van-button
-            color="linear-gradient(to right, #f6c076, #fd7171)"
-            @click="showBalloon"
-            >来点气球</van-button
-          >
-        </div>
-        <div
-          v-if="showbutton4"
-          class="btn-box animate__animated animate__slideInLeft"
-        >
-          <van-button
-            color="linear-gradient(to right, #f6c076, #fd7171)"
-            @click="showCake"
-            >来个蛋糕</van-button
-          >
-        </div>
-        <div
-          v-if="showbutton5"
-          class="btn-box animate__animated animate__slideInLeft"
-        >
-          <van-button
-            color="linear-gradient(to right, #f6c076, #fd7171)"
-            @click="showGiftDialog"
-            >许下愿望</van-button
-          >
-        </div>
-      </div>
-    </div>
-
-    <van-action-sheet
-      v-model="desireVisible"
-      :actions="actions"
-      @select="onSelect"
-    />
-  </div>
-</template>
-
-<script>
-import {
-  Dialog
-  // Toast
-} from "vant";
-import "vant/lib/dialog/style";
-// import "vant/lib/toast/style";
-export default {
-  name: "room",
-  components: {
-    // Button
-  },
-  props: {
-    // status: {
-    //     type: Boolean,
-    //     default: true
-    // }
-  },
-  data() {
-    return {
-      status: true,
-      balloonVisible: false,
-      cakeVisible: false,
-      desireVisible: false,
-      actions: [
-        { name: "永不挂科", id: 1 },
-        { name: "貌美如花", id: 2 },
-        { name: "身体健康", id: 3 },
-        { name: "一夜暴富", id: 4 },
-        { name: "幸福美满", id: 5 },
-        { name: "小孩子才做选择，我全都要", id: 6 }
-      ],
-      showpic1: false,
-      showbutton1: false,
-      showbutton2: false,
-      showbutton3: false,
-      showbutton4: false,
-      showbutton5: false
-    };
-  },
-  computed: {
-    style() {
-      return this.status ? "animate__zoomIn" : "animate__fadeOut";
-    }
-  },
-  mounted() {
-    setTimeout(this.showDialog1, 2000);
-  },
-  methods: {
-    clickHandler() {
-      //   this.$refs["room-content"].addEventListener(
-      //     "animationend",
-      //     this.doorHiddenFun
-      //   );
-      //   this.status = false;
-    },
-    doorHiddenFun() {
-      this.$eventBus.$emit("door-hidden");
-      this.$refs["door-content"].removeEventListener(
-        "animationend",
-        this.doorHiddenFun
-      );
-    },
-    showDialog1() {
-      // eslint-disable-next-line no-undef
-      Dialog.alert({
-        title: "花子同学~生日快乐",
-        message: "今天是个好日子，来首应景的音乐？",
-        confirmButtonText: "音乐，起~"
-      })
-        .then(() => {
-          // on confirm
-          this.$emit("playMusic");
-        })
-        .catch(() => {
-          // on cancel
-        });
-    },
-    showDialog2() {
-      // eslint-disable-next-line no-undef
-      Dialog.confirm({
-        // title: "汐汐~生日快乐",
-        message: "呃，好像走错片场了！",
-        confirmButtonText: "换一首",
-        cancelButtonText: "爱死了这个曲子"
-      })
-        .then(() => {
-          // on confirm
-          this.clickChangeMusic();
-          this.showButton2Fun();
-        })
-        .catch(() => {
-          // on cancel
-          this.showButton1Fun();
-          this.showButton2Fun();
-        });
-    },
-    clickChangeMusic() {
-      this.$emit("changeMusic");
-      this.showbutton1 = false;
-    },
-    showButton1Fun() {
-      this.showbutton1 = true;
-    },
-    showButton2Fun() {
-      this.showbutton2 = true;
-    },
-    clickShowPic1() {
-      this.showpic1 = true;
-      this.showbutton2 = false;
-      this.showbutton3 = true;
-    },
-    showBalloon() {
-      this.balloonVisible = true;
-      this.showbutton3 = false;
-      this.showbutton4 = true;
-    },
-    showCake() {
-      this.cakeVisible = true;
-      this.showbutton4 = false;
-      this.showbutton5 = true;
-    },
-    showGiftDialog() {
-      this.showbutton5 = false;
-      this.desireVisible = true;
-    },
-    onSelect(item) {
-      console.log(item);
-      this.desireVisible = false;
-      this.$emit("showDesirePanel", item);
-      // Toast({
-      //   message: this.showText(item.id),
-      //   icon: "like-o"
-      // });
-    }
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.room-content {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-.room-text-style {
-  position: absolute;
-  left: 50%;
-  & > img {
-    width: 100%;
-  }
-}
-.room-text-01 {
-  width: 360px;
-  top: 330px;
-  margin-left: -180px;
-}
-.room-text-02 {
-  width: 460px;
-  top: 520px;
-  margin-left: -230px;
-}
-.room-box {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-image: url(../assets/img/5fc7076cc7715.png);
-  background-repeat: no-repeat;
-  background-size: cover;
-  img {
-    object-fit: cover;
-  }
-}
-.room-bg {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  & > img {
-    width: 100%;
-    height: 100%;
-  }
-}
-.room-buntin-box {
-  width: 100%;
-  height: 160px;
-  position: relative;
-  img {
-    width: 100%;
-    height: 100%;
-  }
-  & > .buntin1 {
-    position: absolute;
-    width: 250px;
-    height: 300px;
-    left: 0;
-    top: 0;
-  }
-  & > .buntin2 {
-    width: 350px;
-    height: 200px;
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-  & > .buntin3 {
-    width: 400px;
-    height: 250px;
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-}
-.room-balloon-box {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  width: 322px;
-  height: 497px;
-  margin-left: -166px;
-  --animate-duration: 5000ms;
-}
-.room-button-box {
-  position: absolute;
-  top: 260px;
-  left: 0;
-}
-.btn-box {
-  margin-bottom: 30px;
-}
-.room-hzpic-box {
-  position: absolute;
-  & > img {
-    width: 100%;
-    height: 100%;
-  }
-}
-.room-cake-box {
-  position: absolute;
-  top: 530px;
-  left: 50%;
-  width: 480px;
-  height: 480px;
-  margin-left: -240px;
-}
-.pic1 {
-  left: 0;
-  bottom: 0;
-  width: 240px;
-  height: 320px;
-  animation-delay: 1s;
-}
-.pic2 {
-  right: 0;
-  bottom: 0;
-  width: 325px;
-  height: 341px;
-}
-.room-gift-box {
-  width: 100%;
-  height: 180px;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  & > img {
-    width: 100%;
-  }
-}
-</style>

src/config/index.js

@@ -1,5 +1,5 @@
 // 应用的名称
-const appName = "恭贺花子同学的十八岁大寿";
+const appName = "每日信访动态报送";
 
 // 是否启用YApi
 const YApi = false;

src/main.js

@@ -2,21 +2,9 @@ import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
-import animated from "animate.css";
-import { Button, ActionSheet } from "vant";
-import VueTouch from "vue-touch";
-import "vant/lib/button/style";
-import "vant/lib/action-sheet/style";
 
 Vue.config.productionTip = false;
 
-Vue.use(animated);
-Vue.use(Button);
-Vue.use(ActionSheet);
-Vue.use(VueTouch, { name: "v-touch" });
-
-Vue.prototype.$eventBus = new Vue();
-
 new Vue({
   router,
   store,

src/router/index.js

@@ -1,20 +1,23 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
 import Home from "../views/Home.vue";
-import Loading from "../views/loading.vue";
 
 Vue.use(VueRouter);
 
 const routes = [
   {
     path: "/",
-    name: "Loading",
-    component: Loading
-  },
-  {
-    path: "/home",
     name: "Home",
     component: Home
+  },
+  {
+    path: "/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")
   }
 ];
 

src/store/index.js

@@ -4,18 +4,8 @@ import Vuex from "vuex";
 Vue.use(Vuex);
 
 export default new Vuex.Store({
-  state: {
+  state: {},
-    loadComplete: false
+  mutations: {},
-  },
-  getters: {
-    loadComplete: ({ loadComplete }) => loadComplete
-  },
-  mutations: {
-    setLoadComplete(state, value) {
-      // 变更状态
-      state.loadComplete = value;
-    }
-  },
   actions: {},
   modules: {}
 });

src/views/About.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>

src/views/Home.vue

@@ -1,286 +1,18 @@
 <template>
-  <div class="home" :class="linghtBackground">
+  <div class="home">
-    <v-touch class="main" @swipeup="swiperup" @swipedown="swiperdown">
+    <img alt="Vue logo" src="../assets/logo.png" />
-      <div class="content">
+    <HelloWorld msg="Welcome to Your Vue.js App" />
-        <door v-if="panelMap.door"></door>
-        <linght v-if="panelMap.linght"></linght>
-        <room
-          ref="room"
-          v-if="panelMap.room"
-          @showDesirePanel="showDesirePanel"
-          @playMusic="playMusic"
-          @changeMusic="changeMusic"
-        ></room>
-        <desire v-if="panelMap.desire" :desireType="desireId"></desire>
-
-        <photo v-if="panelMap.photo"></photo>
-
-        <photo2 v-if="panelMap.photo2"></photo2>
-
-        <photo3 v-if="panelMap.photo3"></photo3>
-
-        <div
-          v-if="showPlayIcon"
-          class="music-icon-box"
-          :class="musicIconStyle"
-          @click="clickMusicIcon"
-        >
-          <button></button>
-        </div>
-
-        <div v-if="showUpIcon" class="up-icon"></div>
-      </div>
-    </v-touch>
-
-    <div style="display:none">
-      <audio
-        ref="audio-hrz"
-        :src="require('@/assets/media/hrz.mp3')"
-        loop
-        preload="auto"
-      />
-      <audio
-        ref="audio-srkl"
-        :src="require('@/assets/media/srkl.mp3')"
-        loop
-        preload="auto"
-      />
-    </div>
   </div>
 </template>
 
 <script>
-import { mapGetters } from "vuex";
+// @ is an alias to /src
-import door from "@/components/door.vue";
+import HelloWorld from "@/components/HelloWorld.vue";
-import linght from "@/components/linght.vue";
-import room from "@/components/room.vue";
-import desire from "@/components/desire.vue";
-import photo from "@/components/photo.vue";
-import photo2 from "@/components/photo2.vue";
-import photo3 from "@/components/photo3.vue";
-import { Toast } from "vant";
-import "vant/lib/toast/style";
 
 export default {
   name: "Home",
   components: {
-    door,
+    HelloWorld
-    linght,
-    room,
-    desire,
-    photo,
-    photo2,
-    photo3
-  },
-  data() {
-    return {
-      panelMap: {
-        door: true,
-        linght: false,
-        room: false,
-        desire: false,
-        photo: false,
-        photo2: false,
-        photo3: false
-      },
-      panelList: [
-        "door",
-        "linght",
-        "room",
-        "desire",
-        "photo",
-        "photo2",
-        "photo3"
-      ],
-      curPanel: 0,
-      linghtBackground: "black",
-      desireId: 0,
-      showPlayIcon: false,
-      playing: false,
-      curAudio: "audio-hrz",
-      showUpIcon: false
-    };
-  },
-  computed: {
-    ...mapGetters(["loadComplete"]),
-    musicIconStyle() {
-      return this.playing ? "play-animation" : "";
-    }
-    // isCurPanel() {}
-  },
-  watch: {
-    curPanel(val) {
-      const panel = this.panelList[val];
-      for (const key in this.panelMap) {
-        if (Object.hasOwnProperty.call(this.panelMap, key)) {
-          this.panelMap[key] = false;
-        }
-      }
-      this.panelMap[panel] = true;
-      if (val === this.panelList.length - 1 || val < 3) this.showUpIcon = false;
-      else this.showUpIcon = true;
-    }
-  },
-  created() {
-    if (!this.loadComplete) this.$router.push({ path: "/" });
-    this.$eventBus.$on("door-hidden", () => {
-      this.curPanel++;
-    });
-    this.$eventBus.$on("linght-hidden", () => {
-      this.linghtBackground = "light";
-      this.curPanel++;
-    });
-  },
-  mounted() {
-    this.curAudio = "audio-hrz";
-    this.$refs["audio-hrz"].addEventListener("timeupdate", this.hrzFun);
-  },
-  destroyed() {
-    this.$refs["audio-hrz"] &&
-      this.$refs["audio-hrz"].removeEventListener("timeupdate", this.hrzFun);
-    // this.$refs["audio-srkl"] &&
-    //   this.$refs["audio-srkl"].removeEventListener("timeupdate", this.srklFun);
-  },
-  methods: {
-    showDesirePanel(data) {
-      this.desireId = data.id;
-      this.curPanel++;
-      this.showUpIcon = true;
-    },
-    clickMusicIcon() {
-      if (this.playing) {
-        this.playing = false;
-        this.$refs[this.curAudio].pause();
-      } else {
-        this.playing = true;
-        this.$refs[this.curAudio].play();
-      }
-    },
-    playMusic() {
-      this.$refs[this.curAudio].play();
-      this.playing = true;
-    },
-    changeMusic() {
-      this.$refs[this.curAudio].pause();
-      this.curAudio = "audio-srkl";
-      this.$refs[this.curAudio].play();
-    },
-    hrzFun() {
-      const time = Math.floor(this.$refs["audio-hrz"].currentTime);
-      if (time > 6) {
-        this.showPlayIcon = true;
-        this.$refs["room"].showDialog2();
-        this.$refs["audio-hrz"] &&
-          this.$refs["audio-hrz"].removeEventListener(
-            "timeupdate",
-            this.hrzFun
-          );
-      }
-    },
-    swiperup() {
-      // console.log("swiperup", this.curPanel);
-      if (this.curPanel < 3) return;
-      if (this.curPanel >= this.panelList.length - 1) {
-        this.curPanel = this.panelList.length - 1;
-        Toast({
-          message: "别滑了，最后一页了",
-          icon: "like-o"
-        });
-      } else {
-        this.curPanel++;
-      }
-    },
-    swiperdown() {
-      if (this.curPanel < 3) return;
-      if (this.curPanel === 3) {
-        Toast({
-          message: "许了愿可不能重来噢~！",
-          icon: "like-o"
-        });
-        return;
-      }
-      this.curPanel--;
-    }
   }
 };
 </script>
-
-<style scoped lang="scss">
-.home {
-  height: 100%;
-}
-.main {
-  height: 100%;
-}
-.content {
-  height: 100%;
-  position: relative;
-}
-.black {
-  background-color: #000;
-}
-.light {
-  background-color: #fff;
-}
-.music-icon-box {
-  width: 80px;
-  height: 80px;
-  position: absolute;
-  right: 20px;
-  top: 40px;
-  z-index: 100;
-  & > button {
-    border: none;
-    outline: none;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    background-size: cover;
-    background-image: url(../assets/img/music.png);
-    overflow: hidden;
-    border-radius: 50%;
-  }
-}
-.play-animation {
-  animation: spin 5s linear infinite;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-    transition: all 5s;
-  }
-}
-.up-icon {
-  display: block;
-  position: fixed;
-  width: 80px;
-  height: 45px;
-  left: 50%;
-  bottom: 40px;
-  margin-left: -40px;
-  background: url(../assets/img/up.png);
-  animation: up-arrow 1.5s linear infinite both;
-  background-repeat: no-repeat;
-  background-size: cover;
-  z-index: 100;
-}
-
-@keyframes up-arrow {
-  0% {
-    opacity: 0;
-  }
-
-  50% {
-    transform: translate3d(0, -15px, 0);
-    opacity: 1;
-  }
-
-  to {
-    transform: translate3d(0, -25px, 0);
-    opacity: 0;
-  }
-}
-</style>

src/views/loading.vue

@@ -1,114 +0,0 @@
-<template>
-  <div class="loading-page">
-    <div class="hz-loading">
-      <div class="hz-loading-icon"></div>
-    </div>
-    <div class="loading-prog-box">
-      <div class="loading-prog-bar" :style="`width: ${prog}`"></div>
-      <div class="loading-prog-text">{{ prog }}</div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapMutations } from "vuex";
-import createjs from "preload-js";
-export default {
-  name: "Loading",
-  data() {
-    return {
-      mainfest: [
-        { src: require("@/assets/img/5fc7076a277c7.png") },
-        { src: require("@/assets/img/5fc7076bbf916.png") },
-        { src: require("@/assets/img/5fc7076c4a8d4.png") },
-        { src: require("@/assets/img/5fc7076c0979a.png") },
-        { src: require("@/assets/img/5fc7076cc7715.png") },
-
-        { src: require("@/assets/img/5fc70768a0f08.png") },
-        { src: require("@/assets/img/5fc70768e2b66.png") },
-        { src: require("@/assets/img/5fc7076669e49.png") },
-        { src: require("@/assets/img/5fc7076977033.png") },
-        { src: require("@/assets/img/12571461.png") },
-
-        { src: require("@/assets/img/door.png") },
-        { src: require("@/assets/img/fairy.png") },
-        { src: require("@/assets/img/IMG_1345.png") },
-        { src: require("@/assets/img/IMG_1353.png") },
-        { src: require("@/assets/img/IMG_1354.jpg") },
-
-        { src: require("@/assets/img/IMG_1355.png") },
-        { src: require("@/assets/img/IMG_1356.png") },
-        { src: require("@/assets/img/IMG_1357.png") },
-        { src: require("@/assets/img/IMG_1409.png") },
-        { src: require("@/assets/img/IMG_1530.png") },
-
-        { src: require("@/assets/img/IMG_1634.png") },
-        { src: require("@/assets/img/jiandaoshou.png") },
-        { src: require("@/assets/img/switch.png") },
-        { src: require("@/assets/img/tzl.png") },
-
-        { src: require("@/assets/media/hrz.mp3"), id: "hrz" },
-        { src: require("@/assets/media/srkl.mp3"), id: "srkl" }
-      ],
-      preload: null,
-      prog: "0%"
-    };
-  },
-  created() {
-    this.initPreload();
-  },
-  destroyed() {
-    this.preload = null;
-  },
-  methods: {
-    ...mapMutations(["setLoadComplete"]),
-    initPreload() {
-      this.preload = new createjs.LoadQueue(true);
-      //为preloaded添加整个队列变化时展示的进度事件
-      this.preload.addEventListener("progress", this.handleFileProgress);
-      //注意加载音频文件需要调用如下代码行
-      this.preload.installPlugin(createjs.SOUND);
-      //为preloaded添加当队列完成全部加载后触发事件
-      this.preload.addEventListener("complete", this.loadComplete);
-      //设置最大并发连接数  最大值为10
-      this.preload.setMaxConnections(5);
-      this.preload.loadManifest(this.mainfest);
-    },
-    handleFileProgress(event) {
-      this.prog = Math.ceil(event.loaded * 100) + "%";
-    },
-    loadComplete() {
-      // console.log("loadComplete");
-      this.setLoadComplete(true);
-      this.$router.push({ path: "/home" });
-    }
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.loading-prog-box {
-  width: 150px;
-  height: 36px;
-  border-radius: 18px;
-  overflow: hidden;
-  position: relative;
-  margin-top: 30px;
-  background-color: #ccc;
-  & > .loading-prog-bar {
-    background-color: #f1b7d2;
-    height: 100%;
-  }
-  & > .loading-prog-text {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    color: #fff;
-    font-size: 14px;
-    line-height: 36px;
-    text-align: center;
-  }
-}
-</style>

vue.config.js

@@ -18,7 +18,7 @@ module.exports = {
       filename: "index.html",
       // 当使用 title 选项时，
       // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
-      title: config.appName,
+      title: config.systemName,
       // 在这个页面中包含的块，默认情况下会包含
       // 提取出来的通用 chunk 和 vendor chunk。
       chunks: ["chunk-vendors", "chunk-common", "index"]
@@ -39,7 +39,7 @@ module.exports = {
             viewportHeight: 1334, // 视窗的高度，根据750设备的宽度来指定，一般指定1334，也可以不配置
             unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数（很多时候无法整除）
             viewportUnit: "vw", // 指定需要转换成的视窗单位，建议使用vw
-            selectorBlackList: [".ignore", ".hairlines", "van"], // 指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名
+            selectorBlackList: [".ignore", ".hairlines"], // 指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名
             minPixelValue: 1, // 小于或等于`1px`不转换为视窗单位，你也可以设置为你想要的值
             mediaQuery: false // 允许在媒体查询中转换`px`
           })