From 8fd30fa963fee044917e96afe04cc4ae01ef9467 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=99=BE=E9=87=8C=E9=A3=9E=E6=B4=8B?= Date: Sat, 24 Aug 2024 16:02:45 +0800 Subject: [PATCH] Install lottie-web & Complete the startup animation Hello --- package.json | 1 + pnpm-lock.yaml | 6 + src/App.vue | 10 +- src/assets/lottie/hello-black.json | 327 ++++ src/assets/lottie/hello-white.json | 314 ++++ src/assets/lottie/hello.json | 329 ++++ src/assets/lottie/welcome-green.json | 2116 ++++++++++++++++++++++++++ src/assets/lottie/welcome.json | 609 ++++++++ src/components/Input/index.vue | 1 - src/router/index.ts | 10 +- src/views/hello/index.vue | 64 + src/views/music/MusicPlayer.vue | 2 +- src/views/safari/index.vue | 24 +- 13 files changed, 3801 insertions(+), 12 deletions(-) create mode 100644 src/assets/lottie/hello-black.json create mode 100644 src/assets/lottie/hello-white.json create mode 100644 src/assets/lottie/hello.json create mode 100644 src/assets/lottie/welcome-green.json create mode 100644 src/assets/lottie/welcome.json create mode 100644 src/views/hello/index.vue diff --git a/package.json b/package.json index 7efd373..6e1fa6d 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "format": "prettier --write src/" }, "dependencies": { + "lottie-web": "^5.12.2", "mingcute_icon": "^2.9.4", "pinia": "^2.1.7", "vue": "^3.4.29", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index b3b5dd2..0cb46b2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -10,6 +10,7 @@ specifiers: '@vue/tsconfig': ^0.5.1 eslint: ^8.57.0 eslint-plugin-vue: ^9.23.0 + lottie-web: ^5.12.2 mingcute_icon: ^2.9.4 npm-run-all2: ^6.2.0 pinia: ^2.1.7 @@ -22,6 +23,7 @@ specifiers: vue-tsc: ^2.0.21 dependencies: + lottie-web: 5.12.2 mingcute_icon: 2.9.4 pinia: 2.2.0_4knax3kklwwdglab4jxika74fe vue: 3.4.35_typescript@5.4.5 @@ -1446,6 +1448,10 @@ packages: resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==} dev: true + /lottie-web/5.12.2: + resolution: {integrity: sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==} + dev: false + /magic-string/0.30.11: resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==} dependencies: diff --git a/src/App.vue b/src/App.vue index 94a1240..cc6eb98 100644 --- a/src/App.vue +++ b/src/App.vue @@ -8,7 +8,7 @@ import { onMounted } from 'vue' import TheEnvironment from '@/views/environment/index.vue' import TheScreen from '@/views/screen/index.vue' - +// 鼠标样式 import cursorInit from '@/utils/cursor' // 挂载完成时 @@ -66,11 +66,11 @@ onMounted(() => { // 控制台输出 https://github.com/Barry-Flynn/visionOS console.log( - '%cvisionOS', - 'color: #fff; background: #00f; padding: 5px 10px; border-radius: 5px; font-size: 16px;' + '\n%c visionOS %c https://github.com/Barry-Flynn/visionOS \n', + 'color: #ffffff; background: #0000ff; padding:5px 0; border-radius: 5px 0 0 5px;', + 'background: #b9ddff; padding:5px 0;' ) - console.log('%chttps://github.com/Barry-Flynn/visionOS', 'color: #00f; font-size: 12px;') }) - + diff --git a/src/assets/lottie/hello-black.json b/src/assets/lottie/hello-black.json new file mode 100644 index 0000000..3cfe249 --- /dev/null +++ b/src/assets/lottie/hello-black.json @@ -0,0 +1,327 @@ +{ + "v": "5.5.7", + "meta": { "g": "LottieFiles AE 0.1.21", "a": "", "k": "", "d": "", "tc": "#FFFFFF" }, + "fr": 120, + "ip": 0, + "op": 720, + "w": 500, + "h": 500, + "nm": "hello", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "katman 2 Outlines", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [250.5, 252.4, 0], "ix": 2 }, + "a": { "a": 0, "k": [250, 250, 0], "ix": 1 }, + "s": { "a": 0, "k": [108.654, 108.654, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.596, "y": 1 }, + "o": { "x": 0.281, "y": 0.613 }, + "t": 300, + "s": [ + { + "i": [ + [0, 0], + [-4.256, 36.426], + [2.853, -21.124], + [0, 0], + [-18.128, -1.787], + [-22.979, -0.255], + [-0.766, 11.745], + [5.66, -16.852], + [-20.044, 4.321], + [-1.453, 15.25], + [7.149, -14.297], + [-24.203, -4.498], + [-2.809, 17.873], + [8.422, -15.279], + [-32.094, 2.751], + [-25.982, 2.314], + [0.854, -11.109], + [10.851, 1.532], + [-2.587, 8.901], + [-6.236, 0.17], + [-7.915, 0.128], + [0, 0] + ], + "o": [ + [0, 0], + [2.427, -20.781], + [-2.331, 17.258], + [0, 0], + [19.915, 2.33], + [20.427, 0.227], + [0.883, -13.542], + [-5.204, 15.495], + [30.881, -6.659], + [1.531, -16.085], + [-6.678, 13.357], + [28.851, 5.361], + [2.716, -17.287], + [-9.068, 16.45], + [26.809, -2.298], + [11.664, -1.038], + [-0.894, 11.617], + [-9.911, -1.399], + [3.192, -10.978], + [8.868, -0.24], + [7.03, -0.113], + [0, 0] + ], + "v": [ + [-145.66, 43.747], + [-81.851, -26.162], + [-101.426, -23.013], + [-109.596, 40.561], + [-85.851, 1.753], + [-69, 40.305], + [-26.873, 10.943], + [-50.022, 11.966], + [-23.54, 40.581], + [23.936, -26.077], + [6.574, -29.397], + [12.958, 41.583], + [67.086, -23.779], + [50.234, -30.673], + [59.937, 41.326], + [102.898, -0.05], + [118.532, 21.029], + [95.809, 40.943], + [83.425, 17.072], + [102.898, -0.05], + [124.149, 5.199], + [138.27, -2.922] + ], + "c": false + } + ] + }, + { + "t": 373, + "s": [ + { + "i": [ + [0, 0], + [-4.256, 36.426], + [2.853, -21.124], + [0, 0], + [-18.128, -1.787], + [-22.979, -0.255], + [-0.766, 11.745], + [5.66, -16.852], + [-20.044, 4.321], + [-1.453, 15.25], + [7.149, -14.297], + [-24.203, -4.498], + [-2.809, 17.873], + [8.422, -15.279], + [-32.094, 2.751], + [-25.982, 2.314], + [0.854, -11.109], + [10.851, 1.532], + [-2.587, 8.901], + [-6.236, 0.17], + [-7.915, 0.128], + [0, 0] + ], + "o": [ + [0, 0], + [2.427, -20.781], + [-2.331, 17.258], + [0, 0], + [19.915, 2.33], + [20.427, 0.227], + [0.883, -13.542], + [-5.204, 15.495], + [30.881, -6.659], + [1.531, -16.085], + [-6.678, 13.357], + [28.851, 5.361], + [2.716, -17.287], + [-9.068, 16.45], + [26.809, -2.298], + [11.664, -1.038], + [-0.894, 11.617], + [-9.911, -1.399], + [3.192, -10.978], + [8.868, -0.24], + [7.03, -0.113], + [0, 0] + ], + "v": [ + [-145.66, 43.747], + [-81.851, -26.162], + [-101.426, -23.013], + [-109.596, 40.561], + [-85.851, 1.753], + [-68.999, 40.305], + [-26.873, 10.943], + [-50.022, 11.966], + [-23.54, 40.581], + [23.936, -26.077], + [6.574, -29.397], + [12.958, 41.583], + [67.086, -23.779], + [50.234, -30.673], + [59.937, 41.326], + [102.898, -0.05], + [118.532, 21.029], + [95.809, 40.943], + [83.425, 17.072], + [102.898, -0.05], + [124.149, 5.199], + [136.66, -1.311] + ], + "c": false + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "tm", + "s": { + "a": 1, + "k": [ + { + "i": { "x": [0], "y": [1] }, + "o": { "x": [0.053], "y": [0] }, + "t": 25, + "s": [0] + }, + { + "i": { "x": [0.833], "y": [1] }, + "o": { "x": [0.167], "y": [0] }, + "t": 300, + "s": [1] + }, + { + "i": { "x": [0.729], "y": [1] }, + "o": { "x": [0.477], "y": [0] }, + "t": 499, + "s": [1] + }, + { "t": 690, "s": [100] } + ], + "ix": 1 + }, + "e": { + "a": 1, + "k": [ + { + "i": { "x": [0.665], "y": [1] }, + "o": { "x": [0.302], "y": [0.14] }, + "t": 25, + "s": [0] + }, + { "t": 300, "s": [100] } + ], + "ix": 2 + }, + "o": { "a": 0, "k": 0, "ix": 3 }, + "m": 1, + "ix": 2, + "nm": "Trim Paths 1", + "mn": "ADBE Vector Filter - Trim", + "hd": false + }, + { + "ty": "gs", + "o": { "a": 0, "k": 100, "ix": 9 }, + "w": { + "a": 1, + "k": [ + { + "i": { "x": [0.788], "y": [1] }, + "o": { "x": [0.681], "y": [0] }, + "t": 25, + "s": [9] + }, + { + "i": { "x": [0.118], "y": [1] }, + "o": { "x": [0.059], "y": [0] }, + "t": 73, + "s": [10] + }, + { "t": 300, "s": [9] } + ], + "ix": 10 + }, + "g": { + "p": 17, + "k": { + "a": 0, + "k": [ + 0, 0, 0, 0, 0.055, 0, 0, 0, 0.11, 0, 0, 0, 0.171, 0, 0, 0, 0.233, 0, 0, 0, + 0.299, 0, 0, 0, 0.365, 0, 0, 0, 0.422, 0, 0, 0, 0.48, 0, 0, 0, 0.543, 0, 0, 0, + 0.605, 0, 0, 0, 0.671, 0, 0, 0, 0.738, 0, 0, 0, 0.806, 0, 0, 0, 0.875, 0, 0, 0, + 0.938, 0, 0, 0, 1, 0, 0, 0 + ], + "ix": 8 + } + }, + "s": { "a": 0, "k": [-135, 19], "ix": 4 }, + "e": { "a": 0, "k": [134.5, -3], "ix": 5 }, + "t": 1, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "Gradient Stroke 1", + "mn": "ADBE Vector Graphic - G-Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [252, 245.918], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Group 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 732, + "st": 0, + "bm": 0 + } + ], + "markers": [] +} diff --git a/src/assets/lottie/hello-white.json b/src/assets/lottie/hello-white.json new file mode 100644 index 0000000..50a6057 --- /dev/null +++ b/src/assets/lottie/hello-white.json @@ -0,0 +1,314 @@ +{ + "v": "5.6.3", + "fr": 120, + "ip": 0, + "op": 720, + "w": 500, + "h": 500, + "nm": "hello", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "katman 2 Outlines", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [250.5, 252.4, 0], "ix": 2 }, + "a": { "a": 0, "k": [250, 250, 0], "ix": 1 }, + "s": { "a": 0, "k": [108.654, 108.654, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.596, "y": 1 }, + "o": { "x": 0.281, "y": 0 }, + "t": 300, + "s": [ + { + "i": [ + [0, 0], + [-4.256, 36.426], + [2.853, -21.124], + [0, 0], + [-18.128, -1.787], + [-22.979, -0.255], + [-0.766, 11.745], + [5.66, -16.852], + [-20.044, 4.321], + [-1.453, 15.25], + [7.149, -14.297], + [-24.203, -4.498], + [-2.809, 17.873], + [8.422, -15.279], + [-32.094, 2.751], + [-25.982, 2.314], + [0.854, -11.109], + [10.851, 1.532], + [-2.587, 8.901], + [-6.236, 0.17], + [-7.915, 0.128], + [0, 0] + ], + "o": [ + [0, 0], + [2.427, -20.781], + [-2.331, 17.258], + [0, 0], + [19.915, 2.33], + [20.427, 0.227], + [0.883, -13.542], + [-5.204, 15.495], + [30.881, -6.659], + [1.531, -16.085], + [-6.678, 13.357], + [28.851, 5.361], + [2.716, -17.287], + [-9.068, 16.45], + [26.809, -2.298], + [11.664, -1.038], + [-0.894, 11.617], + [-9.911, -1.399], + [3.192, -10.978], + [8.868, -0.24], + [7.03, -0.113], + [0, 0] + ], + "v": [ + [-145.66, 43.747], + [-81.851, -26.162], + [-101.426, -23.013], + [-109.596, 40.561], + [-85.851, 1.753], + [-69, 40.305], + [-26.873, 10.943], + [-50.022, 11.966], + [-23.54, 40.581], + [23.936, -26.077], + [6.574, -29.397], + [12.958, 41.583], + [67.086, -23.779], + [50.234, -30.673], + [59.937, 41.326], + [102.898, -0.05], + [118.532, 21.029], + [95.809, 40.943], + [83.425, 17.072], + [102.898, -0.05], + [124.149, 5.199], + [138.27, -2.922] + ], + "c": false + } + ] + }, + { + "t": 373, + "s": [ + { + "i": [ + [0, 0], + [-4.256, 36.426], + [2.853, -21.124], + [0, 0], + [-18.128, -1.787], + [-22.979, -0.255], + [-0.766, 11.745], + [5.66, -16.852], + [-20.044, 4.321], + [-1.453, 15.25], + [7.149, -14.297], + [-24.203, -4.498], + [-2.809, 17.873], + [8.422, -15.279], + [-32.094, 2.751], + [-25.982, 2.314], + [0.854, -11.109], + [10.851, 1.532], + [-2.587, 8.901], + [-6.236, 0.17], + [-7.915, 0.128], + [0, 0] + ], + "o": [ + [0, 0], + [2.427, -20.781], + [-2.331, 17.258], + [0, 0], + [19.915, 2.33], + [20.427, 0.227], + [0.883, -13.542], + [-5.204, 15.495], + [30.881, -6.659], + [1.531, -16.085], + [-6.678, 13.357], + [28.851, 5.361], + [2.716, -17.287], + [-9.068, 16.45], + [26.809, -2.298], + [11.664, -1.038], + [-0.894, 11.617], + [-9.911, -1.399], + [3.192, -10.978], + [8.868, -0.24], + [7.03, -0.113], + [0, 0] + ], + "v": [ + [-145.66, 43.747], + [-81.851, -26.162], + [-101.426, -23.013], + [-109.596, 40.561], + [-85.851, 1.753], + [-68.999, 40.305], + [-26.873, 10.943], + [-50.022, 11.966], + [-23.54, 40.581], + [23.936, -26.077], + [6.574, -29.397], + [12.958, 41.583], + [67.086, -23.779], + [50.234, -30.673], + [59.937, 41.326], + [102.898, -0.05], + [118.532, 21.029], + [95.809, 40.943], + [83.425, 17.072], + [102.898, -0.05], + [124.149, 5.199], + [136.66, -1.311] + ], + "c": false + } + ] + } + ], + "ix": 2 + }, + "nm": "路径 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "tm", + "s": { + "a": 1, + "k": [ + { + "i": { "x": [0], "y": [1] }, + "o": { "x": [0.053], "y": [0] }, + "t": 25, + "s": [0] + }, + { + "i": { "x": [0.833], "y": [1] }, + "o": { "x": [0.167], "y": [0] }, + "t": 300, + "s": [1] + }, + { + "i": { "x": [0.729], "y": [1] }, + "o": { "x": [0.477], "y": [0] }, + "t": 499, + "s": [1] + }, + { "t": 690, "s": [100] } + ], + "ix": 1 + }, + "e": { + "a": 1, + "k": [ + { + "i": { "x": [0.665], "y": [1] }, + "o": { "x": [0.302], "y": [0.14] }, + "t": 25, + "s": [0] + }, + { "t": 300, "s": [100] } + ], + "ix": 2 + }, + "o": { "a": 0, "k": 0, "ix": 3 }, + "m": 1, + "ix": 2, + "nm": "Trim Paths 1", + "mn": "ADBE Vector Filter - Trim", + "hd": false + }, + { + "ty": "gs", + "o": { "a": 0, "k": 100, "ix": 9 }, + "w": { + "a": 1, + "k": [ + { + "i": { "x": [0.788], "y": [1] }, + "o": { "x": [0.681], "y": [0] }, + "t": 25, + "s": [9] + }, + { + "i": { "x": [0.118], "y": [1] }, + "o": { "x": [0.059], "y": [0] }, + "t": 73, + "s": [10] + }, + { "t": 300, "s": [9] } + ], + "ix": 10 + }, + "g": { "p": 2, "k": { "a": 0, "k": [0, 1, 1, 1, 1, 1, 1, 1], "ix": 8 } }, + "s": { "a": 0, "k": [-135, 19], "ix": 4 }, + "e": { "a": 0, "k": [134.5, -3], "ix": 5 }, + "t": 1, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "Gradient Stroke 1", + "mn": "ADBE Vector Graphic - G-Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [252, 245.918], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "变换" + } + ], + "nm": "Group 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 732, + "st": 0, + "bm": 0 + } + ], + "markers": [] +} diff --git a/src/assets/lottie/hello.json b/src/assets/lottie/hello.json new file mode 100644 index 0000000..fb3c0a6 --- /dev/null +++ b/src/assets/lottie/hello.json @@ -0,0 +1,329 @@ +{ + "v": "5.5.7", + "meta": { "g": "LottieFiles AE 0.1.21", "a": "", "k": "", "d": "", "tc": "#FFFFFF" }, + "fr": 120, + "ip": 0, + "op": 720, + "w": 500, + "h": 500, + "nm": "hello", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "katman 2 Outlines", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [250.5, 252.4, 0], "ix": 2 }, + "a": { "a": 0, "k": [250, 250, 0], "ix": 1 }, + "s": { "a": 0, "k": [108.654, 108.654, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.596, "y": 1 }, + "o": { "x": 0.281, "y": 0.613 }, + "t": 300, + "s": [ + { + "i": [ + [0, 0], + [-4.256, 36.426], + [2.853, -21.124], + [0, 0], + [-18.128, -1.787], + [-22.979, -0.255], + [-0.766, 11.745], + [5.66, -16.852], + [-20.044, 4.321], + [-1.453, 15.25], + [7.149, -14.297], + [-24.203, -4.498], + [-2.809, 17.873], + [8.422, -15.279], + [-32.094, 2.751], + [-25.982, 2.314], + [0.854, -11.109], + [10.851, 1.532], + [-2.587, 8.901], + [-6.236, 0.17], + [-7.915, 0.128], + [0, 0] + ], + "o": [ + [0, 0], + [2.427, -20.781], + [-2.331, 17.258], + [0, 0], + [19.915, 2.33], + [20.427, 0.227], + [0.883, -13.542], + [-5.204, 15.495], + [30.881, -6.659], + [1.531, -16.085], + [-6.678, 13.357], + [28.851, 5.361], + [2.716, -17.287], + [-9.068, 16.45], + [26.809, -2.298], + [11.664, -1.038], + [-0.894, 11.617], + [-9.911, -1.399], + [3.192, -10.978], + [8.868, -0.24], + [7.03, -0.113], + [0, 0] + ], + "v": [ + [-145.66, 43.747], + [-81.851, -26.162], + [-101.426, -23.013], + [-109.596, 40.561], + [-85.851, 1.753], + [-69, 40.305], + [-26.873, 10.943], + [-50.022, 11.966], + [-23.54, 40.581], + [23.936, -26.077], + [6.574, -29.397], + [12.958, 41.583], + [67.086, -23.779], + [50.234, -30.673], + [59.937, 41.326], + [102.898, -0.05], + [118.532, 21.029], + [95.809, 40.943], + [83.425, 17.072], + [102.898, -0.05], + [124.149, 5.199], + [138.27, -2.922] + ], + "c": false + } + ] + }, + { + "t": 373, + "s": [ + { + "i": [ + [0, 0], + [-4.256, 36.426], + [2.853, -21.124], + [0, 0], + [-18.128, -1.787], + [-22.979, -0.255], + [-0.766, 11.745], + [5.66, -16.852], + [-20.044, 4.321], + [-1.453, 15.25], + [7.149, -14.297], + [-24.203, -4.498], + [-2.809, 17.873], + [8.422, -15.279], + [-32.094, 2.751], + [-25.982, 2.314], + [0.854, -11.109], + [10.851, 1.532], + [-2.587, 8.901], + [-6.236, 0.17], + [-7.915, 0.128], + [0, 0] + ], + "o": [ + [0, 0], + [2.427, -20.781], + [-2.331, 17.258], + [0, 0], + [19.915, 2.33], + [20.427, 0.227], + [0.883, -13.542], + [-5.204, 15.495], + [30.881, -6.659], + [1.531, -16.085], + [-6.678, 13.357], + [28.851, 5.361], + [2.716, -17.287], + [-9.068, 16.45], + [26.809, -2.298], + [11.664, -1.038], + [-0.894, 11.617], + [-9.911, -1.399], + [3.192, -10.978], + [8.868, -0.24], + [7.03, -0.113], + [0, 0] + ], + "v": [ + [-145.66, 43.747], + [-81.851, -26.162], + [-101.426, -23.013], + [-109.596, 40.561], + [-85.851, 1.753], + [-68.999, 40.305], + [-26.873, 10.943], + [-50.022, 11.966], + [-23.54, 40.581], + [23.936, -26.077], + [6.574, -29.397], + [12.958, 41.583], + [67.086, -23.779], + [50.234, -30.673], + [59.937, 41.326], + [102.898, -0.05], + [118.532, 21.029], + [95.809, 40.943], + [83.425, 17.072], + [102.898, -0.05], + [124.149, 5.199], + [136.66, -1.311] + ], + "c": false + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "tm", + "s": { + "a": 1, + "k": [ + { + "i": { "x": [0], "y": [1] }, + "o": { "x": [0.053], "y": [0] }, + "t": 25, + "s": [0] + }, + { + "i": { "x": [0.833], "y": [1] }, + "o": { "x": [0.167], "y": [0] }, + "t": 300, + "s": [1] + }, + { + "i": { "x": [0.729], "y": [1] }, + "o": { "x": [0.477], "y": [0] }, + "t": 499, + "s": [1] + }, + { "t": 690, "s": [100] } + ], + "ix": 1 + }, + "e": { + "a": 1, + "k": [ + { + "i": { "x": [0.665], "y": [1] }, + "o": { "x": [0.302], "y": [0.14] }, + "t": 25, + "s": [0] + }, + { "t": 300, "s": [100] } + ], + "ix": 2 + }, + "o": { "a": 0, "k": 0, "ix": 3 }, + "m": 1, + "ix": 2, + "nm": "Trim Paths 1", + "mn": "ADBE Vector Filter - Trim", + "hd": false + }, + { + "ty": "gs", + "o": { "a": 0, "k": 100, "ix": 9 }, + "w": { + "a": 1, + "k": [ + { + "i": { "x": [0.788], "y": [1] }, + "o": { "x": [0.681], "y": [0] }, + "t": 25, + "s": [9] + }, + { + "i": { "x": [0.118], "y": [1] }, + "o": { "x": [0.059], "y": [0] }, + "t": 73, + "s": [10] + }, + { "t": 300, "s": [9] } + ], + "ix": 10 + }, + "g": { + "p": 17, + "k": { + "a": 0, + "k": [ + 0, 0, 0.567, 0.588, 0.055, 0.185, 0.615, 0.68, 0.11, 0.37, 0.664, 0.773, 0.171, + 0.555, 0.804, 0.51, 0.233, 0.74, 0.945, 0.248, 0.299, 0.87, 0.89, 0.156, 0.365, + 1, 0.835, 0.063, 0.422, 1, 0.773, 0.11, 0.48, 1, 0.712, 0.157, 0.543, 1, 0.535, + 0.145, 0.605, 1, 0.358, 0.133, 0.671, 1, 0.267, 0.504, 0.738, 1, 0.176, 0.874, + 0.806, 0.644, 0.451, 0.913, 0.875, 0.288, 0.726, 0.953, 0.938, 0.223, 0.742, + 0.967, 1, 0.158, 0.758, 0.98 + ], + "ix": 8 + } + }, + "s": { "a": 0, "k": [-135, 19], "ix": 4 }, + "e": { "a": 0, "k": [134.5, -3], "ix": 5 }, + "t": 1, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "Gradient Stroke 1", + "mn": "ADBE Vector Graphic - G-Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [252, 245.918], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Group 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 732, + "st": 0, + "bm": 0 + } + ], + "markers": [] +} diff --git a/src/assets/lottie/welcome-green.json b/src/assets/lottie/welcome-green.json new file mode 100644 index 0000000..3096fde --- /dev/null +++ b/src/assets/lottie/welcome-green.json @@ -0,0 +1,2116 @@ +{ + "v": "5.9.6", + "fr": 60, + "ip": 0, + "op": 148, + "w": 1920, + "h": 1080, + "nm": "welcome", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "ball", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 1, + "k": [ + { + "i": { + "x": 0.32, + "y": 1 + }, + "o": { + "x": 0.001, + "y": 0 + }, + "t": 65, + "s": [ + 1545.875, + 621.875, + 0 + ], + "to": [ + 0, + -38.333, + 0 + ], + "ti": [ + 0, + 0, + 0 + ] + }, + { + "i": { + "x": 0.97, + "y": 1 + }, + "o": { + "x": 0.001, + "y": 0 + }, + "t": 75, + "s": [ + 1545.875, + 391.875, + 0 + ], + "to": [ + 0, + 0, + 0 + ], + "ti": [ + 0, + -38.333, + 0 + ] + }, + { + "t": 81, + "s": [ + 1545.875, + 621.875, + 0 + ] + } + ], + "ix": 2, + "l": 2 + }, + "a": { + "a": 0, + "k": [ + 585.875, + 81.875, + 0 + ], + "ix": 1, + "l": 2 + }, + "s": { + "a": 0, + "k": [ + 100, + 100, + 100 + ], + "ix": 6, + "l": 2 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "d": 1, + "ty": "el", + "s": { + "a": 0, + "k": [ + 33.25, + 33.25 + ], + "ix": 2 + }, + "p": { + "a": 0, + "k": [ + 0, + 0 + ], + "ix": 3 + }, + "nm": "椭圆路径 1", + "mn": "ADBE Vector Shape - Ellipse", + "hd": false + }, + { + "ty": "fl", + "c": { + "a": 0, + "k": [ + 0.090179443359, + 0.968597412109, + 0, + 1 + ], + "ix": 4 + }, + "o": { + "a": 0, + "k": 100, + "ix": 5 + }, + "r": 1, + "bm": 0, + "nm": "填充 1", + "mn": "ADBE Vector Graphic - Fill", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [ + 585.875, + 81.875 + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [ + 0, + 0 + ], + "ix": 1 + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "变换" + } + ], + "nm": "椭圆 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 65, + "op": 81, + "st": -3, + "ct": 1, + "bm": 0 + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "welcome 3", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [ + 960, + 540, + 0 + ], + "ix": 2, + "l": 2 + }, + "a": { + "a": 0, + "k": [ + 0, + 0, + 0 + ], + "ix": 1, + "l": 2 + }, + "s": { + "a": 0, + "k": [ + 77.36, + 77.36, + 100 + ], + "ix": 6, + "l": 2 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [ + 0, + 0 + ], + [ + -50.962, + -7.707 + ], + [ + -11.325, + 0 + ], + [ + -52.914, + -7.254 + ], + [ + 20.385, + 55.489 + ], + [ + -27.18, + -67.82 + ], + [ + -61.154, + 67.82 + ], + [ + 53.227, + -90.941 + ], + [ + 0, + 0 + ], + [ + -88.334, + -12.331 + ], + [ + 52.095, + 36.993 + ], + [ + -11.325, + -175.716 + ], + [ + -39.637, + 84.775 + ], + [ + 0.422, + -31.2 + ], + [ + 38.505, + -43.158 + ], + [ + -89.272, + 1.045 + ], + [ + -47.811, + -39.044 + ], + [ + 75.739, + 1.11 + ], + [ + -40.685, + 71.195 + ], + [ + 0, + 0 + ], + [ + -49.83, + -55.489 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + -47.564, + -9.248 + ], + [ + 0, + 0 + ], + [ + -51.997, + -0.903 + ], + [ + -48.697, + -41.617 + ], + [ + -11.325, + 89.399 + ], + [ + 20.385, + -191.13 + ], + [ + -29.445, + 36.993 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 50.962, + 7.707 + ], + [ + 11.325, + 0 + ], + [ + 52.914, + 7.254 + ], + [ + -20.385, + -55.489 + ], + [ + 27.18, + 67.82 + ], + [ + 61.154, + -67.82 + ], + [ + -106.454, + 144.889 + ], + [ + 0, + 0 + ], + [ + 101.924, + 15.414 + ], + [ + -52.094, + -36.993 + ], + [ + 13.59, + 147.971 + ], + [ + 52.64, + -128.842 + ], + [ + -6.795, + 21.579 + ], + [ + -38.505, + 43.158 + ], + [ + 89.273, + -1.045 + ], + [ + 56.624, + 46.241 + ], + [ + -75.739, + -1.11 + ], + [ + 47.564, + -83.234 + ], + [ + -0.274, + -0.487 + ], + [ + 49.83, + 55.489 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 47.565, + 9.248 + ], + [ + 0, + 0 + ], + [ + 51.997, + 0.903 + ], + [ + 48.697, + 41.617 + ], + [ + 11.325, + -89.399 + ], + [ + -19.252, + 168.009 + ], + [ + 40.77, + -49.324 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -758.352, + 10.352 + ], + [ + -717.582, + 207.647 + ], + [ + -645.103, + -8.145 + ], + [ + -596.092, + 209.641 + ], + [ + -511.469, + -5.062 + ], + [ + -568.094, + 50.427 + ], + [ + -422.002, + 5.728 + ], + [ + -346.126, + 65.841 + ], + [ + -405.015, + -1.979 + ], + [ + -380.1, + 213.812 + ], + [ + -160.397, + -223.937 + ], + [ + -232.877, + 139.827 + ], + [ + -136.615, + 70.465 + ], + [ + -19.969, + -5.062 + ], + [ + -76.593, + 7.269 + ], + [ + -58.279, + 223.372 + ], + [ + 143.11, + -26.641 + ], + [ + 127.117, + 227.966 + ], + [ + 61.57, + 22.683 + ], + [ + 144.242, + -22.017 + ], + [ + 138.58, + 93.586 + ], + [ + 290.333, + -14.31 + ], + [ + 282.406, + 215.354 + ], + [ + 374.137, + -35.889 + ], + [ + 396.787, + 210.73 + ], + [ + 487.386, + -42.055 + ], + [ + 528.156, + 210.73 + ], + [ + 698.029, + 25.765 + ], + [ + 593.84, + 81.255 + ], + [ + 718.414, + 179.902 + ], + [ + 759.184, + 90.503 + ] + ], + "c": false + }, + "ix": 2 + }, + "nm": "路径 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "st", + "c": { + "a": 0, + "k": [ + 0.090196078431, + 0.96862745098, + 0, + 1 + ], + "ix": 3 + }, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 40, + "ix": 5 + }, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "描边 1", + "mn": "ADBE Vector Graphic - Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [ + 0, + 0 + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [ + 0, + 0 + ], + "ix": 1 + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "变换" + } + ], + "nm": "组 1", + "np": 2, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "tm", + "s": { + "a": 1, + "k": [ + { + "i": { + "x": [ + 0.7 + ], + "y": [ + 1 + ] + }, + "o": { + "x": [ + 0.76 + ], + "y": [ + 0 + ] + }, + "t": 80, + "s": [ + 100 + ] + }, + { + "t": 147, + "s": [ + 0 + ] + } + ], + "ix": 1 + }, + "e": { + "a": 0, + "k": 100, + "ix": 2 + }, + "o": { + "a": 0, + "k": 0, + "ix": 3 + }, + "m": 1, + "ix": 2, + "nm": "修剪路径 1", + "mn": "ADBE Vector Filter - Trim", + "hd": false + } + ], + "ip": 79, + "op": 148, + "st": 8, + "ct": 1, + "bm": 0 + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "welcome 1", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [ + 960, + 540, + 0 + ], + "ix": 2, + "l": 2 + }, + "a": { + "a": 0, + "k": [ + 0, + 0, + 0 + ], + "ix": 1, + "l": 2 + }, + "s": { + "a": 0, + "k": [ + 77.36, + 77.36, + 100 + ], + "ix": 6, + "l": 2 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [ + 0, + 0 + ], + [ + -50.962, + -7.707 + ], + [ + -11.325, + 0 + ], + [ + -52.914, + -7.254 + ], + [ + 20.385, + 55.489 + ], + [ + -27.18, + -67.82 + ], + [ + -61.154, + 67.82 + ], + [ + 53.227, + -90.941 + ], + [ + 0, + 0 + ], + [ + -88.334, + -12.331 + ], + [ + 52.095, + 36.993 + ], + [ + -11.325, + -175.716 + ], + [ + -39.637, + 84.775 + ], + [ + 0.422, + -31.2 + ], + [ + 38.505, + -43.158 + ], + [ + -89.272, + 1.045 + ], + [ + -47.811, + -39.044 + ], + [ + 75.739, + 1.11 + ], + [ + -40.685, + 71.195 + ], + [ + 0, + 0 + ], + [ + -49.83, + -55.489 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + -47.564, + -9.248 + ], + [ + 0, + 0 + ], + [ + -51.997, + -0.903 + ], + [ + -48.697, + -41.617 + ], + [ + -11.325, + 89.399 + ], + [ + 20.385, + -191.13 + ], + [ + -29.445, + 36.993 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 50.962, + 7.707 + ], + [ + 11.325, + 0 + ], + [ + 52.914, + 7.254 + ], + [ + -20.385, + -55.489 + ], + [ + 27.18, + 67.82 + ], + [ + 61.154, + -67.82 + ], + [ + -106.454, + 144.889 + ], + [ + 0, + 0 + ], + [ + 101.924, + 15.414 + ], + [ + -52.094, + -36.993 + ], + [ + 13.59, + 147.971 + ], + [ + 52.64, + -128.842 + ], + [ + -6.795, + 21.579 + ], + [ + -38.505, + 43.158 + ], + [ + 89.273, + -1.045 + ], + [ + 56.624, + 46.241 + ], + [ + -75.739, + -1.11 + ], + [ + 47.564, + -83.234 + ], + [ + -0.274, + -0.487 + ], + [ + 49.83, + 55.489 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 47.565, + 9.248 + ], + [ + 0, + 0 + ], + [ + 51.997, + 0.903 + ], + [ + 48.697, + 41.617 + ], + [ + 11.325, + -89.399 + ], + [ + -19.252, + 168.009 + ], + [ + 40.77, + -49.324 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -758.352, + 10.352 + ], + [ + -717.582, + 207.647 + ], + [ + -645.103, + -8.145 + ], + [ + -596.092, + 209.641 + ], + [ + -511.469, + -5.062 + ], + [ + -568.094, + 50.427 + ], + [ + -422.002, + 5.728 + ], + [ + -346.126, + 65.841 + ], + [ + -405.015, + -1.979 + ], + [ + -380.1, + 213.812 + ], + [ + -160.397, + -223.937 + ], + [ + -232.877, + 139.827 + ], + [ + -136.615, + 70.465 + ], + [ + -19.969, + -5.062 + ], + [ + -76.593, + 7.269 + ], + [ + -58.279, + 223.372 + ], + [ + 143.11, + -26.641 + ], + [ + 127.117, + 227.966 + ], + [ + 61.57, + 22.683 + ], + [ + 144.242, + -22.017 + ], + [ + 138.58, + 93.586 + ], + [ + 290.333, + -14.31 + ], + [ + 282.406, + 215.354 + ], + [ + 374.137, + -35.889 + ], + [ + 396.787, + 210.73 + ], + [ + 487.386, + -42.055 + ], + [ + 528.156, + 210.73 + ], + [ + 698.029, + 25.765 + ], + [ + 593.84, + 81.255 + ], + [ + 718.414, + 179.902 + ], + [ + 759.184, + 90.503 + ] + ], + "c": false + }, + "ix": 2 + }, + "nm": "路径 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "st", + "c": { + "a": 0, + "k": [ + 0.090196078431, + 0.96862745098, + 0, + 1 + ], + "ix": 3 + }, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 40, + "ix": 5 + }, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "描边 1", + "mn": "ADBE Vector Graphic - Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [ + 0, + 0 + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [ + 0, + 0 + ], + "ix": 1 + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "变换" + } + ], + "nm": "组 1", + "np": 2, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "tm", + "s": { + "a": 1, + "k": [ + { + "i": { + "x": [ + 0.82 + ], + "y": [ + 1 + ] + }, + "o": { + "x": [ + 0.61 + ], + "y": [ + 0 + ] + }, + "t": 60, + "s": [ + 0 + ] + }, + { + "t": 65, + "s": [ + 9 + ] + } + ], + "ix": 1 + }, + "e": { + "a": 1, + "k": [ + { + "i": { + "x": [ + 0.33 + ], + "y": [ + 1 + ] + }, + "o": { + "x": [ + 0.69 + ], + "y": [ + 0 + ] + }, + "t": 0, + "s": [ + 0 + ] + }, + { + "t": 9, + "s": [ + 9 + ] + } + ], + "ix": 2 + }, + "o": { + "a": 1, + "k": [ + { + "i": { + "x": [ + 0.56 + ], + "y": [ + 0.584 + ] + }, + "o": { + "x": [ + 0.8 + ], + "y": [ + 0 + ] + }, + "t": 9, + "s": [ + 0 + ] + }, + { + "t": 60, + "s": [ + 327 + ] + } + ], + "ix": 3 + }, + "m": 1, + "ix": 2, + "nm": "修剪路径 1", + "mn": "ADBE Vector Filter - Trim", + "hd": false + } + ], + "ip": 0, + "op": 65, + "st": 0, + "ct": 1, + "bm": 0 + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "welcome 2", + "sr": 1, + "ks": { + "o": { + "a": 0, + "k": 100, + "ix": 11 + }, + "r": { + "a": 0, + "k": 0, + "ix": 10 + }, + "p": { + "a": 0, + "k": [ + 960, + 540, + 0 + ], + "ix": 2, + "l": 2 + }, + "a": { + "a": 0, + "k": [ + 0, + 0, + 0 + ], + "ix": 1, + "l": 2 + }, + "s": { + "a": 0, + "k": [ + 77.36, + 77.36, + 100 + ], + "ix": 6, + "l": 2 + } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 0, + "k": { + "i": [ + [ + 0, + 0 + ], + [ + -50.962, + -7.707 + ], + [ + -11.325, + 0 + ], + [ + -52.914, + -7.254 + ], + [ + 20.385, + 55.489 + ], + [ + -27.18, + -67.82 + ], + [ + -61.154, + 67.82 + ], + [ + 53.227, + -90.941 + ], + [ + 0, + 0 + ], + [ + -88.334, + -12.331 + ], + [ + 52.095, + 36.993 + ], + [ + -11.325, + -175.716 + ], + [ + -39.637, + 84.775 + ], + [ + 0.422, + -31.2 + ], + [ + 38.505, + -43.158 + ], + [ + -89.272, + 1.045 + ], + [ + -47.811, + -39.044 + ], + [ + 75.739, + 1.11 + ], + [ + -40.685, + 71.195 + ], + [ + 0, + 0 + ], + [ + -49.83, + -55.489 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + -47.564, + -9.248 + ], + [ + 0, + 0 + ], + [ + -51.997, + -0.903 + ], + [ + -48.697, + -41.617 + ], + [ + -11.325, + 89.399 + ], + [ + 20.385, + -191.13 + ], + [ + -29.445, + 36.993 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 50.962, + 7.707 + ], + [ + 11.325, + 0 + ], + [ + 52.914, + 7.254 + ], + [ + -20.385, + -55.489 + ], + [ + 27.18, + 67.82 + ], + [ + 61.154, + -67.82 + ], + [ + -106.454, + 144.889 + ], + [ + 0, + 0 + ], + [ + 101.924, + 15.414 + ], + [ + -52.094, + -36.993 + ], + [ + 13.59, + 147.971 + ], + [ + 52.64, + -128.842 + ], + [ + -6.795, + 21.579 + ], + [ + -38.505, + 43.158 + ], + [ + 89.273, + -1.045 + ], + [ + 56.624, + 46.241 + ], + [ + -75.739, + -1.11 + ], + [ + 47.564, + -83.234 + ], + [ + -0.274, + -0.487 + ], + [ + 49.83, + 55.489 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 47.565, + 9.248 + ], + [ + 0, + 0 + ], + [ + 51.997, + 0.903 + ], + [ + 48.697, + 41.617 + ], + [ + 11.325, + -89.399 + ], + [ + -19.252, + 168.009 + ], + [ + 40.77, + -49.324 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -758.352, + 10.352 + ], + [ + -717.582, + 207.647 + ], + [ + -645.103, + -8.145 + ], + [ + -596.092, + 209.641 + ], + [ + -511.469, + -5.062 + ], + [ + -568.094, + 50.427 + ], + [ + -422.002, + 5.728 + ], + [ + -346.126, + 65.841 + ], + [ + -405.015, + -1.979 + ], + [ + -380.1, + 213.812 + ], + [ + -160.397, + -223.937 + ], + [ + -232.877, + 139.827 + ], + [ + -136.615, + 70.465 + ], + [ + -19.969, + -5.062 + ], + [ + -76.593, + 7.269 + ], + [ + -58.279, + 223.372 + ], + [ + 143.11, + -26.641 + ], + [ + 127.117, + 227.966 + ], + [ + 61.57, + 22.683 + ], + [ + 144.242, + -22.017 + ], + [ + 138.58, + 93.586 + ], + [ + 290.333, + -14.31 + ], + [ + 282.406, + 215.354 + ], + [ + 374.137, + -35.889 + ], + [ + 396.787, + 210.73 + ], + [ + 487.386, + -42.055 + ], + [ + 528.156, + 210.73 + ], + [ + 698.029, + 25.765 + ], + [ + 593.84, + 81.255 + ], + [ + 718.414, + 179.902 + ], + [ + 759.184, + 90.503 + ] + ], + "c": false + }, + "ix": 2 + }, + "nm": "路径 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "st", + "c": { + "a": 0, + "k": [ + 0.96862745098, + 0.96862745098, + 0.96862745098, + 1 + ], + "ix": 3 + }, + "o": { + "a": 0, + "k": 100, + "ix": 4 + }, + "w": { + "a": 0, + "k": 40, + "ix": 5 + }, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "描边 1", + "mn": "ADBE Vector Graphic - Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { + "a": 0, + "k": [ + 0, + 0 + ], + "ix": 2 + }, + "a": { + "a": 0, + "k": [ + 0, + 0 + ], + "ix": 1 + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ], + "ix": 3 + }, + "r": { + "a": 0, + "k": 0, + "ix": 6 + }, + "o": { + "a": 0, + "k": 100, + "ix": 7 + }, + "sk": { + "a": 0, + "k": 0, + "ix": 4 + }, + "sa": { + "a": 0, + "k": 0, + "ix": 5 + }, + "nm": "变换" + } + ], + "nm": "组 1", + "np": 2, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + }, + { + "ty": "tm", + "s": { + "a": 1, + "k": [ + { + "i": { + "x": [ + 0.33 + ], + "y": [ + 1 + ] + }, + "o": { + "x": [ + 0.52 + ], + "y": [ + 0 + ] + }, + "t": 38, + "s": [ + 0 + ] + }, + { + "t": 65, + "s": [ + 100 + ] + } + ], + "ix": 1 + }, + "e": { + "a": 1, + "k": [ + { + "i": { + "x": [ + 0.48 + ], + "y": [ + 1 + ] + }, + "o": { + "x": [ + 0.72 + ], + "y": [ + 0 + ] + }, + "t": 0, + "s": [ + 0 + ] + }, + { + "i": { + "x": [ + 0.48 + ], + "y": [ + 1 + ] + }, + "o": { + "x": [ + 0.5 + ], + "y": [ + 0 + ] + }, + "t": 38, + "s": [ + 49 + ] + }, + { + "t": 65, + "s": [ + 100 + ] + } + ], + "ix": 2 + }, + "o": { + "a": 0, + "k": 0, + "ix": 3 + }, + "m": 1, + "ix": 2, + "nm": "修剪路径 1", + "mn": "ADBE Vector Filter - Trim", + "hd": false + } + ], + "ip": 0, + "op": 57, + "st": 0, + "ct": 1, + "bm": 0 + } + ], + "markers": [] +} \ No newline at end of file diff --git a/src/assets/lottie/welcome.json b/src/assets/lottie/welcome.json new file mode 100644 index 0000000..7aa6404 --- /dev/null +++ b/src/assets/lottie/welcome.json @@ -0,0 +1,609 @@ +{ + "v": "4.8.0", + "meta": { "g": "LottieFiles AE 3.1.1", "a": "", "k": "", "d": "", "tc": "" }, + "fr": 60, + "ip": 0, + "op": 493, + "w": 428, + "h": 123, + "nm": "welcome", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "katman 2 Outlines", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100, "ix": 11 }, + "r": { "a": 0, "k": 0, "ix": 10 }, + "p": { "a": 0, "k": [210.962, 63.445, 0], "ix": 2 }, + "a": { "a": 0, "k": [217.377, 69.099, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100, 100], "ix": 6 } + }, + "ao": 0, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ind": 0, + "ty": "sh", + "ix": 1, + "ks": { + "a": 1, + "k": [ + { + "i": { "x": 0.315, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 12, + "s": [ + { + "i": [ + [0, 0], + [-19.996, 3.807], + [0, 0], + [-18.895, 3.082], + [19.742, -1.29], + [-24.256, -8.085], + [-0.766, 11.744], + [5.66, -16.851], + [-19.685, 5.741], + [-1.452, 15.251], + [7.149, -14.298], + [-24.05, 0], + [-13.969, 8.205], + [0, 0], + [4.449, -18.338], + [-20.828, 10.921], + [-24.102, 3.075], + [0.647, -8.405], + [10.851, 1.532], + [-3.877, 8.419], + [-6.217, 0.509], + [-8.064, 0.981], + [0, 0], + [0, 0], + [-9.446, -0.88], + [0, 0], + [-10.502, -2.2], + [-11.05, -5.525], + [-0.766, 11.745], + [5.66, -16.851], + [-15.599, -0.035], + [-2.016, 1.583] + ], + "o": [ + [0, 0], + [14.276, -2.719], + [0, 0], + [15.078, -2.46], + [-12.066, 0.788], + [15.247, 5.083], + [0.883, -13.542], + [-5.204, 15.495], + [28.1, -8.195], + [1.532, -16.085], + [-6.678, 13.356], + [13.262, 0], + [9.918, -5.825], + [0, 0], + [-2.158, 8.896], + [19.355, -10.149], + [9.78, -1.247], + [-0.893, 11.617], + [-9.912, -1.399], + [6.099, -13.245], + [15.145, -1.239], + [7.884, -0.959], + [0, 0], + [0, 0], + [10.729, 1], + [0, 0], + [10.164, 2.129], + [12.423, 6.212], + [0.884, -13.542], + [-4.553, 13.559], + [9.878, 0.022], + [0, 0] + ], + "v": [ + [-188.452, -48.737], + [-174.88, 37.534], + [-150.861, -18.684], + [-139.413, 37.589], + [-115.605, -41.153], + [-102.747, 24.964], + [-71.062, 8.04], + [-94.211, 9.061], + [-70.73, 37.677], + [-25.253, -28.982], + [-42.615, -32.301], + [-36.232, 38.678], + [-2.148, 2.178], + [14.548, -2.029], + [-12.773, 17.608], + [15.027, 35.678], + [51.708, -0.699], + [67.342, 18.38], + [44.619, 38.295], + [32.237, 14.423], + [51.708, -0.699], + [79.124, 17.623], + [92.418, 5.764], + [86.665, 37.388], + [107.665, 2.07], + [112.358, 29.353], + [133.077, 2.635], + [138.465, 37.258], + [179.361, 8.554], + [156.212, 9.575], + [175.587, 38.838], + [194.876, 31.741] + ], + "c": false + } + ] + }, + { + "i": { "x": 0.833, "y": 1 }, + "o": { "x": 0.167, "y": 0 }, + "t": 110, + "s": [ + { + "i": [ + [0, 0], + [-19.996, 3.807], + [0, 0], + [-18.895, 3.082], + [19.742, -1.29], + [-24.256, -8.085], + [-0.766, 11.744], + [5.66, -16.851], + [-19.685, 5.741], + [-1.452, 15.251], + [7.149, -14.298], + [-24.05, 0], + [-13.969, 8.205], + [0, 0], + [4.449, -18.338], + [-20.828, 10.921], + [-24.102, 3.075], + [0.647, -8.405], + [10.851, 1.532], + [-3.877, 8.419], + [-6.217, 0.509], + [-8.064, 0.981], + [0, 0], + [0, 0], + [-9.446, -0.88], + [0, 0], + [-10.502, -2.2], + [-11.05, -5.525], + [-0.766, 11.745], + [5.66, -16.851], + [-15.599, -0.035], + [-2.016, 1.583] + ], + "o": [ + [0, 0], + [14.276, -2.719], + [0, 0], + [15.078, -2.46], + [-12.066, 0.788], + [15.247, 5.083], + [0.883, -13.542], + [-5.204, 15.495], + [28.1, -8.195], + [1.532, -16.085], + [-6.678, 13.356], + [13.262, 0], + [9.918, -5.825], + [0, 0], + [-2.158, 8.896], + [19.355, -10.149], + [9.78, -1.247], + [-0.893, 11.617], + [-9.912, -1.399], + [6.099, -13.245], + [15.145, -1.239], + [7.884, -0.959], + [0, 0], + [0, 0], + [10.729, 1], + [0, 0], + [10.164, 2.129], + [12.423, 6.212], + [0.884, -13.542], + [-4.553, 13.559], + [9.878, 0.022], + [0, 0] + ], + "v": [ + [-187.452, -42.737], + [-174.88, 37.534], + [-150.861, -18.684], + [-139.413, 37.589], + [-115.605, -41.153], + [-102.747, 24.964], + [-71.062, 8.04], + [-94.211, 9.061], + [-70.73, 37.677], + [-25.253, -28.982], + [-42.615, -32.301], + [-36.232, 38.678], + [-2.148, 2.178], + [14.548, -2.029], + [-12.773, 17.608], + [15.027, 35.678], + [51.708, -0.699], + [67.342, 18.38], + [44.619, 38.295], + [32.237, 14.423], + [51.708, -0.699], + [79.124, 17.623], + [92.418, 5.764], + [86.665, 37.388], + [107.665, 2.07], + [111.858, 34.353], + [133.077, 2.635], + [138.465, 37.258], + [179.361, 8.554], + [156.212, 9.575], + [175.587, 38.838], + [194.876, 31.741] + ], + "c": false + } + ] + }, + { + "i": { "x": 0.833, "y": 1 }, + "o": { "x": 0.167, "y": 0 }, + "t": 196, + "s": [ + { + "i": [ + [0, 0], + [-19.996, 3.807], + [0, 0], + [-18.895, 3.082], + [19.742, -1.29], + [-24.256, -8.085], + [-0.766, 11.744], + [5.66, -16.851], + [-19.685, 5.741], + [-1.452, 15.251], + [7.149, -14.298], + [-24.05, 0], + [-13.969, 8.205], + [0, 0], + [4.449, -18.338], + [-20.828, 10.921], + [-24.102, 3.075], + [0.647, -8.405], + [10.851, 1.532], + [-3.877, 8.419], + [-6.217, 0.509], + [-8.064, 0.981], + [0, 0], + [0, 0], + [-9.446, -0.88], + [0, 0], + [-10.605, -1.634], + [-11.05, -5.525], + [-0.766, 11.745], + [5.66, -16.851], + [-15.599, -0.035], + [-2.016, 1.583] + ], + "o": [ + [0, 0], + [14.276, -2.719], + [0, 0], + [15.078, -2.46], + [-12.066, 0.788], + [15.247, 5.083], + [0.883, -13.542], + [-5.204, 15.495], + [28.1, -8.195], + [1.532, -16.085], + [-6.678, 13.356], + [13.262, 0], + [9.918, -5.825], + [0, 0], + [-2.158, 8.896], + [19.355, -10.149], + [9.78, -1.247], + [-0.893, 11.617], + [-9.912, -1.399], + [6.099, -13.245], + [15.145, -1.239], + [7.884, -0.959], + [0, 0], + [0, 0], + [10.729, 1], + [0, 0], + [12.461, 1.921], + [12.423, 6.212], + [0.884, -13.542], + [-4.553, 13.559], + [9.878, 0.022], + [0, 0] + ], + "v": [ + [-187.452, -42.737], + [-174.88, 37.534], + [-150.861, -18.684], + [-139.413, 37.589], + [-115.605, -41.153], + [-102.747, 24.964], + [-71.062, 8.04], + [-94.21, 9.061], + [-70.73, 37.677], + [-25.253, -28.982], + [-42.615, -32.301], + [-36.232, 38.678], + [-2.148, 2.178], + [14.547, -2.029], + [-12.773, 17.608], + [15.027, 35.678], + [51.708, -0.699], + [67.342, 18.38], + [44.619, 38.295], + [32.236, 14.423], + [51.708, -0.699], + [79.124, 17.623], + [92.418, 5.764], + [86.665, 37.388], + [107.665, 2.07], + [111.858, 35.853], + [133.077, 2.635], + [138.465, 37.258], + [179.361, 8.554], + [156.212, 9.575], + [175.587, 38.838], + [197.876, 29.741] + ], + "c": false + } + ] + }, + { + "t": 292, + "s": [ + { + "i": [ + [0, 0], + [-19.996, 3.807], + [0, 0], + [-18.895, 3.082], + [19.742, -1.29], + [-24.256, -8.085], + [-0.766, 11.744], + [5.66, -16.851], + [-19.685, 5.741], + [-1.452, 15.251], + [7.149, -14.298], + [-24.05, 0], + [-13.969, 8.205], + [0, 0], + [4.449, -18.338], + [-20.828, 10.921], + [-24.102, 3.075], + [0.647, -8.405], + [10.851, 1.532], + [-3.877, 8.419], + [-6.217, 0.509], + [-8.064, 0.981], + [0, 0], + [0, 0], + [-9.446, -0.88], + [0, 0], + [-10.705, -0.732], + [-11.05, -5.525], + [-0.766, 11.745], + [5.66, -16.851], + [-15.599, -0.035], + [-2.016, 1.583] + ], + "o": [ + [0, 0], + [14.276, -2.719], + [0, 0], + [15.078, -2.46], + [-12.066, 0.788], + [15.247, 5.083], + [0.883, -13.542], + [-5.204, 15.495], + [28.1, -8.195], + [1.532, -16.085], + [-6.678, 13.356], + [13.262, 0], + [9.918, -5.825], + [0, 0], + [-2.158, 8.896], + [19.355, -10.149], + [9.78, -1.247], + [-0.893, 11.617], + [-9.912, -1.399], + [6.099, -13.245], + [15.145, -1.239], + [7.884, -0.959], + [0, 0], + [0, 0], + [10.729, 1], + [0, 0], + [13.461, 0.921], + [12.423, 6.212], + [0.884, -13.542], + [-4.553, 13.559], + [9.878, 0.022], + [0, 0] + ], + "v": [ + [-187.452, -42.737], + [-174.88, 37.534], + [-150.861, -18.684], + [-139.413, 37.589], + [-115.605, -41.153], + [-102.747, 24.964], + [-71.062, 8.04], + [-94.211, 9.061], + [-70.73, 37.677], + [-25.253, -28.982], + [-42.615, -32.301], + [-36.232, 38.678], + [-2.148, 2.178], + [14.548, -2.029], + [-12.773, 17.608], + [15.027, 35.678], + [51.708, -0.699], + [67.342, 18.38], + [44.619, 38.295], + [32.237, 14.423], + [51.708, -0.699], + [79.124, 17.623], + [92.418, 5.764], + [86.665, 37.388], + [107.665, 2.07], + [111.858, 35.353], + [133.077, 2.635], + [138.465, 37.258], + [179.361, 8.554], + [156.212, 9.575], + [175.587, 38.838], + [194.876, 31.741] + ], + "c": false + } + ] + } + ], + "ix": 2 + }, + "nm": "Path 1", + "mn": "ADBE Vector Shape - Group", + "hd": false + }, + { + "ty": "tm", + "s": { + "a": 1, + "k": [ + { + "i": { "x": [0.667], "y": [1] }, + "o": { "x": [0.414], "y": [0] }, + "t": 292, + "s": [0] + }, + { "t": 470, "s": [100] } + ], + "ix": 1 + }, + "e": { + "a": 1, + "k": [ + { + "i": { "x": [0.588], "y": [1] }, + "o": { "x": [0.409], "y": [0.273] }, + "t": 12, + "s": [0] + }, + { "t": 196, "s": [100] } + ], + "ix": 2 + }, + "o": { "a": 0, "k": 0, "ix": 3 }, + "m": 1, + "ix": 2, + "nm": "Trim Paths 1", + "mn": "ADBE Vector Filter - Trim", + "hd": false + }, + { + "ty": "gs", + "o": { "a": 0, "k": 100, "ix": 9 }, + "w": { "a": 0, "k": 9, "ix": 10 }, + "g": { + "p": 11, + "k": { + "a": 0, + "k": [ + 0, 0.008, 0.569, 0.592, 0.093, 0.333, 0.725, 0.478, 0.187, 0.659, 0.882, 0.365, + 0.293, 0.829, 0.843, 0.225, 0.399, 1, 0.804, 0.086, 0.504, 1, 0.596, 0.112, + 0.609, 1, 0.388, 0.137, 0.712, 1, 0.29, 0.471, 0.814, 1, 0.192, 0.804, 0.907, + 0.614, 0.467, 0.884, 1, 0.227, 0.741, 0.965 + ], + "ix": 8 + } + }, + "s": { + "a": 1, + "k": [ + { + "i": { "x": 0.283, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 34, + "s": [-253.742, -70.793], + "to": [8.667, 8.833], + "ti": [-8.667, -8.833] + }, + { "t": 282, "s": [-201.742, -17.793] } + ], + "ix": 4 + }, + "e": { + "a": 1, + "k": [ + { + "i": { "x": 0.283, "y": 1 }, + "o": { "x": 0.333, "y": 0 }, + "t": 34, + "s": [118.488, 29.074], + "to": [10.667, -3.5], + "ti": [-10.667, 3.5] + }, + { "t": 282, "s": [182.488, 8.074] } + ], + "ix": 5 + }, + "t": 1, + "lc": 2, + "lj": 2, + "bm": 0, + "nm": "Gradient Stroke 1", + "mn": "ADBE Vector Graphic - G-Stroke", + "hd": false + }, + { + "ty": "tr", + "p": { "a": 0, "k": [217.377, 69.099], "ix": 2 }, + "a": { "a": 0, "k": [0, 0], "ix": 1 }, + "s": { "a": 0, "k": [100, 100], "ix": 3 }, + "r": { "a": 0, "k": 0, "ix": 6 }, + "o": { "a": 0, "k": 100, "ix": 7 }, + "sk": { "a": 0, "k": 0, "ix": 4 }, + "sa": { "a": 0, "k": 0, "ix": 5 }, + "nm": "Transform" + } + ], + "nm": "Group 1", + "np": 3, + "cix": 2, + "bm": 0, + "ix": 1, + "mn": "ADBE Vector Group", + "hd": false + } + ], + "ip": 0, + "op": 608, + "st": 0, + "bm": 0 + } + ], + "markers": [] +} diff --git a/src/components/Input/index.vue b/src/components/Input/index.vue index 9329418..8aa704f 100644 --- a/src/components/Input/index.vue +++ b/src/components/Input/index.vue @@ -7,7 +7,6 @@
- +
+ + + + + diff --git a/src/views/music/MusicPlayer.vue b/src/views/music/MusicPlayer.vue index 4a51401..fcdd6c6 100644 --- a/src/views/music/MusicPlayer.vue +++ b/src/views/music/MusicPlayer.vue @@ -74,7 +74,7 @@ const handlePlay = () => { justify-content: space-between; align-items: center; position: relative; - overflow: hidden; + // overflow: hidden; .music-cover { // border: 1px solid green; diff --git a/src/views/safari/index.vue b/src/views/safari/index.vue index e3e7d04..78d1bd7 100644 --- a/src/views/safari/index.vue +++ b/src/views/safari/index.vue @@ -29,12 +29,15 @@
- Window画布内容 + +
+ +