dengtongyu committed
1 parent
4c8a5f113f
commit
ac8f5a02a8
52 files changed
+207
-1894
No files matched your search
Generated
+27
-220
@@ -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,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"aproba": {
|
||||
"version": "1.2.0",
|
||||
@@ -5331,14 +5287,12 @@
|
||||
"balanced-match": {
|
||||
"version": "1.0.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": 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,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"concat-map": {
|
||||
"version": "0.0.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"console-control-strings": {
|
||||
"version": "1.1.0",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"core-util-is": {
|
||||
"version": "1.0.2",
|
||||
@@ -5483,8 +5434,7 @@
|
||||
"inherits": {
|
||||
"version": "2.0.4",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": 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,
|
||||
"optional": true
|
||||
"dev": 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,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"npm-packlist": {
|
||||
"version": "1.4.8",
|
||||
@@ -5636,8 +5580,7 @@
|
||||
"number-is-nan": {
|
||||
"version": "1.0.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": 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,
|
||||
"optional": true
|
||||
"dev": 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,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"yallist": {
|
||||
"version": "3.1.1",
|
||||
"bundled": true,
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": 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",
|
||||
|
||||
+1
-5
@@ -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": {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 4.2 KiB |
+7
-78
@@ -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>
|
||||
<%= htmlWebpackPlugin.options.title %>
|
||||
</title>
|
||||
</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>
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
</head>
|
||||
<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 class="loading-page">
|
||||
<div class="hz-loading">
|
||||
<div class="hz-loading-icon"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="app"></div>
|
||||
<!-- built files will be auto injected -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
+17
@@ -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>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 197 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 255 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 209 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 198 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
Binary file not shown.
@@ -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
|
||||
|
Before Width: | Height: | Size: 8.0 KiB |
@@ -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>
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
// 应用的名称
|
||||
const appName = "恭贺花子同学的十八岁大寿";
|
||||
const appName = "每日信访动态报送";
|
||||
|
||||
// 是否启用YApi
|
||||
const YApi = false;
|
||||
|
||||
-12
@@ -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,
|
||||
|
||||
+9
-6
@@ -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")
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
+2
-12
@@ -4,18 +4,8 @@ import Vuex from "vuex";
|
||||
Vue.use(Vuex);
|
||||
|
||||
export default new Vuex.Store({
|
||||
state: {
|
||||
loadComplete: false
|
||||
},
|
||||
getters: {
|
||||
loadComplete: ({ loadComplete }) => loadComplete
|
||||
},
|
||||
mutations: {
|
||||
setLoadComplete(state, value) {
|
||||
// 变更状态
|
||||
state.loadComplete = value;
|
||||
}
|
||||
},
|
||||
state: {},
|
||||
mutations: {},
|
||||
actions: {},
|
||||
modules: {}
|
||||
});
|
||||
@@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<div class="about">
|
||||
<h1>This is an about page</h1>
|
||||
</div>
|
||||
</template>
|
||||
+6
-274
@@ -1,286 +1,18 @@
|
||||
<template>
|
||||
<div class="home" :class="linghtBackground">
|
||||
<v-touch class="main" @swipeup="swiperup" @swipedown="swiperdown">
|
||||
<div class="content">
|
||||
<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 class="home">
|
||||
<img alt="Vue logo" src="../assets/logo.png" />
|
||||
<HelloWorld msg="Welcome to Your Vue.js App" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from "vuex";
|
||||
import door from "@/components/door.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";
|
||||
// @ is an alias to /src
|
||||
import HelloWorld from "@/components/HelloWorld.vue";
|
||||
|
||||
export default {
|
||||
name: "Home",
|
||||
components: {
|
||||
door,
|
||||
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--;
|
||||
}
|
||||
HelloWorld
|
||||
}
|
||||
};
|
||||
</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>
|
||||
@@ -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>
|
||||
+2
-2
@@ -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`
|
||||
})
|
||||
|
||||
Reference in new issue
Block a user