diff --git a/index.html b/index.html index c3ffaca..9220b52 100644 --- a/index.html +++ b/index.html @@ -17,9 +17,8 @@ %VITE_SITE_NAME% - - - + + - - -
-
-
- -
+
diff --git a/package.json b/package.json index ea809a4..afb5985 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "github": "https://github.com/imsyy/home", "home": "https://imsyy.top", "private": true, - "version": "4.0.5", + "version": "4.1.0", "type": "module", "scripts": { "dev": "vite --host", diff --git a/public/images/background1.jpg b/public/images/background1.jpg new file mode 100644 index 0000000..7b35940 Binary files /dev/null and b/public/images/background1.jpg differ diff --git a/public/images/background1.webp b/public/images/background1.webp deleted file mode 100644 index 5cba370..0000000 Binary files a/public/images/background1.webp and /dev/null differ diff --git a/public/images/background10.jpg b/public/images/background10.jpg new file mode 100644 index 0000000..8c29d1e Binary files /dev/null and b/public/images/background10.jpg differ diff --git a/public/images/background10.webp b/public/images/background10.webp deleted file mode 100644 index 9ef0675..0000000 Binary files a/public/images/background10.webp and /dev/null differ diff --git a/public/images/background2.jpg b/public/images/background2.jpg new file mode 100644 index 0000000..13c6341 Binary files /dev/null and b/public/images/background2.jpg differ diff --git a/public/images/background2.webp b/public/images/background2.webp deleted file mode 100644 index 4fdf4b6..0000000 Binary files a/public/images/background2.webp and /dev/null differ diff --git a/public/images/background3.jpg b/public/images/background3.jpg new file mode 100644 index 0000000..7265e30 Binary files /dev/null and b/public/images/background3.jpg differ diff --git a/public/images/background3.webp b/public/images/background3.webp deleted file mode 100644 index a66679d..0000000 Binary files a/public/images/background3.webp and /dev/null differ diff --git a/public/images/background4.jpg b/public/images/background4.jpg new file mode 100644 index 0000000..0bc70d4 Binary files /dev/null and b/public/images/background4.jpg differ diff --git a/public/images/background4.webp b/public/images/background4.webp deleted file mode 100644 index c99147d..0000000 Binary files a/public/images/background4.webp and /dev/null differ diff --git a/public/images/background5.jpg b/public/images/background5.jpg new file mode 100644 index 0000000..47f714d Binary files /dev/null and b/public/images/background5.jpg differ diff --git a/public/images/background5.webp b/public/images/background5.webp deleted file mode 100644 index 4048f58..0000000 Binary files a/public/images/background5.webp and /dev/null differ diff --git a/public/images/background6.jpg b/public/images/background6.jpg new file mode 100644 index 0000000..9816a3f Binary files /dev/null and b/public/images/background6.jpg differ diff --git a/public/images/background6.webp b/public/images/background6.webp deleted file mode 100644 index 25c14a7..0000000 Binary files a/public/images/background6.webp and /dev/null differ diff --git a/public/images/background7.jpg b/public/images/background7.jpg new file mode 100644 index 0000000..9f1ef71 Binary files /dev/null and b/public/images/background7.jpg differ diff --git a/public/images/background7.webp b/public/images/background7.webp deleted file mode 100644 index c192882..0000000 Binary files a/public/images/background7.webp and /dev/null differ diff --git a/public/images/background8.jpg b/public/images/background8.jpg new file mode 100644 index 0000000..df8e84f Binary files /dev/null and b/public/images/background8.jpg differ diff --git a/public/images/background8.webp b/public/images/background8.webp deleted file mode 100644 index d6091a8..0000000 Binary files a/public/images/background8.webp and /dev/null differ diff --git a/public/images/background9.jpg b/public/images/background9.jpg new file mode 100644 index 0000000..edc1a70 Binary files /dev/null and b/public/images/background9.jpg differ diff --git a/public/images/background9.webp b/public/images/background9.webp deleted file mode 100644 index 58a7f58..0000000 Binary files a/public/images/background9.webp and /dev/null differ diff --git a/public/loading/loading.css b/public/loading/loading.css deleted file mode 100644 index 3eca3aa..0000000 --- a/public/loading/loading.css +++ /dev/null @@ -1,141 +0,0 @@ -* { - margin: 0; - padding: 0; -} - -#loading-box .loading-left-bg, -#loading-box .loading-right-bg { - position: fixed; - z-index: 999; - width: 50%; - height: 100%; - background-color: #515151e0; - transition: all 0.75s cubic-bezier(0.42, 0, 0, 1.01); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); -} - -#loading-box .loading-right-bg { - right: 0; -} - -#loading-box > .spinner-box { - position: fixed; - z-index: 999999; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 100vh; -} - -#loading-box .spinner-box .loading-word { - position: absolute; - color: #ffffff; - font-size: 0.95rem; - transform: translateY(64px); - text-align: center; -} - -.loading-title { - font-size: 1.25rem; - margin: 20px 10px 4px 10px; -} - -#loading-box .spinner-box .configure-core { - width: 100%; - height: 100%; - background-color: #37474f; -} - -/* 加载完成 */ -.loaded .loading-left-bg { - transform: translate(-100%, 0); -} - -.loaded .loading-right-bg { - transform: translate(100%, 0); -} - -.loaded .spinner-box { - display: none !important; -} - -.loader { - position: absolute; - top: calc(50% - 32px); - left: calc(50% - 32px); - width: 64px; - height: 64px; - border-radius: 50%; - perspective: 800px; - transition: all 0.7s cubic-bezier(0.42, 0, 0, 1.01); -} - -.inner { - position: absolute; - box-sizing: border-box; - width: 100%; - height: 100%; - border-radius: 50%; -} - -.inner.one { - left: 0%; - top: 0%; - animation: rotate-one 1s linear infinite; - border-bottom: 3px solid #efeffa; -} - -.inner.two { - right: 0%; - top: 0%; - animation: rotate-two 1s linear infinite; - border-right: 3px solid #efeffa; -} - -.inner.three { - right: 0%; - bottom: 0%; - animation: rotate-three 1s linear infinite; - border-top: 3px solid #efeffa; -} - -noscript { - z-index: 1000; - position: absolute; - display: flex; - justify-content: center; - width: 100%; - margin-top: 26px; -} - -@keyframes rotate-one { - 0% { - transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - } - - 100% { - transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - } -} - -@keyframes rotate-two { - 0% { - transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - } - - 100% { - transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - } -} - -@keyframes rotate-three { - 0% { - transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - } - - 100% { - transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - } -} diff --git a/public/loading/loading.min.css b/public/loading/loading.min.css deleted file mode 100644 index dc5dd75..0000000 --- a/public/loading/loading.min.css +++ /dev/null @@ -1 +0,0 @@ -*{margin:0;padding:0}#loading-box .loading-left-bg,#loading-box .loading-right-bg{position:fixed;z-index:999;width:50%;height:100%;background-color:#515151e0;transition:all .75s cubic-bezier(.42,0,0,1.01);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#loading-box .loading-right-bg{right:0}#loading-box>.spinner-box{position:fixed;z-index:999999;display:flex;justify-content:center;align-items:center;width:100%;height:100vh}#loading-box .spinner-box .loading-word{position:absolute;color:#fff;font-size:.95rem;transform:translateY(64px);text-align:center}.loading-title{font-size:1.25rem;margin:20px 10px 4px 10px}#loading-box .spinner-box .configure-core{width:100%;height:100%;background-color:#37474f}.loaded .loading-left-bg{transform:translate(-100%,0)}.loaded .loading-right-bg{transform:translate(100%,0)}.loaded .spinner-box{display:none!important}.loader{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;border-radius:50%;perspective:800px;transition:all .7s cubic-bezier(.42,0,0,1.01)}.inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #efeffa}.inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #efeffa}.inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #efeffa}noscript{z-index:1000;position:absolute;display:flex;justify-content:center;width:100%;margin-top:26px}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}} \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index d224072..76be575 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,9 +1,13 @@ diff --git a/src/components/Background/index.vue b/src/components/Background.vue similarity index 50% rename from src/components/Background/index.vue rename to src/components/Background.vue index 599c447..565dacf 100644 --- a/src/components/Background/index.vue +++ b/src/components/Background.vue @@ -1,33 +1,46 @@ diff --git a/src/components/Footer.vue b/src/components/Footer.vue new file mode 100644 index 0000000..8a5559a --- /dev/null +++ b/src/components/Footer.vue @@ -0,0 +1,108 @@ + + + + + diff --git a/src/components/Footer/index.vue b/src/components/Footer/index.vue deleted file mode 100644 index 8adeebd..0000000 --- a/src/components/Footer/index.vue +++ /dev/null @@ -1,101 +0,0 @@ - - - - - diff --git a/src/components/Hitokoto/index.vue b/src/components/Hitokoto.vue similarity index 98% rename from src/components/Hitokoto/index.vue rename to src/components/Hitokoto.vue index 1cf0957..20760fa 100644 --- a/src/components/Hitokoto/index.vue +++ b/src/components/Hitokoto.vue @@ -29,8 +29,9 @@ import { reactive, ref, onMounted, h } from "vue"; import { MusicMenu, Error } from "@icon-park/vue-next"; import { getHitokoto } from "@/api"; -import debounce from "@/utils/debounce.js"; import { mainStore } from "@/store"; +import debounce from "@/utils/debounce.js"; + const store = mainStore(); // 开启音乐面板按钮显隐 @@ -80,8 +81,7 @@ onMounted(() => { width: 100%; height: 100%; padding: 20px; - animation: fade; - -webkit-animation: fade 0.5s; + animation: fade 0.5s; .open-music { width: 100%; position: absolute; diff --git a/src/components/Links/index.vue b/src/components/Links.vue similarity index 95% rename from src/components/Links/index.vue rename to src/components/Links.vue index e7d14c3..0c7e4f4 100644 --- a/src/components/Links/index.vue +++ b/src/components/Links.vue @@ -34,7 +34,7 @@ - {{ item.name }} + {{ item.name }} @@ -109,8 +109,7 @@ onMounted(() => { font-size: 1.1rem; display: flex; align-items: center; - animation: fade; - -webkit-animation: fade 0.5s; + animation: fade 0.5s; .title { margin-left: 8px; font-size: 1.15rem; @@ -149,8 +148,8 @@ onMounted(() => { align-items: center; flex-direction: row; justify-content: center; - animation: fade; - -webkit-animation: fade 0.5s; + padding: 0 10px; + animation: fade 0.5s; &:hover { transform: scale(1.02); diff --git a/src/components/Loading.vue b/src/components/Loading.vue new file mode 100644 index 0000000..85ee906 --- /dev/null +++ b/src/components/Loading.vue @@ -0,0 +1,150 @@ + + + + + diff --git a/src/components/Message/index.vue b/src/components/Message.vue similarity index 97% rename from src/components/Message/index.vue rename to src/components/Message.vue index 8f1f9a1..8bd94d0 100644 --- a/src/components/Message/index.vue +++ b/src/components/Message.vue @@ -83,8 +83,7 @@ watch( display: flex; flex-direction: row; align-items: center; - animation: fade; - -webkit-animation: fade 0.5s; + animation: fade 0.5s; .logo-img { border-radius: 50%; width: 120px; @@ -125,8 +124,7 @@ watch( padding: 1rem; margin-top: 3.5rem; max-width: 460px; - animation: fade; - -webkit-animation: fade 0.5s; + animation: fade 0.5s; .content { display: flex; diff --git a/src/components/Music/index.vue b/src/components/Music.vue similarity index 96% rename from src/components/Music/index.vue rename to src/components/Music.vue index 1debdd4..84aed80 100644 --- a/src/components/Music/index.vue +++ b/src/components/Music.vue @@ -93,7 +93,7 @@ :songType="playerData.type" :songId="playerData.id" :volume="volumeNum" - :shuffle="true" + :shuffle="false" ref="playerRef" /> @@ -114,7 +114,7 @@ import { VolumeSmall, VolumeNotice, } from "@icon-park/vue-next"; -import Player from "@/components/Player/index.vue"; +import Player from "@/components/Player.vue"; import { mainStore } from "@/store"; const store = mainStore(); @@ -179,8 +179,7 @@ watch( justify-content: space-between; align-items: center; flex-direction: column; - animation: fade; - -webkit-animation: fade 0.5s; + animation: fade 0.5s; .btns { display: flex; align-items: center; @@ -242,8 +241,7 @@ watch( text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; - animation: fade; - -webkit-animation: fade 0.3s; + animation: fade 0.3s; } .volume { width: 100%; @@ -251,8 +249,7 @@ watch( display: flex; align-items: center; flex-direction: row; - animation: fade; - -webkit-animation: fade 0.3s; + animation: fade 0.3s; .icon { margin-right: 12px; span { diff --git a/src/components/Player/index.vue b/src/components/Player.vue similarity index 93% rename from src/components/Player/index.vue rename to src/components/Player.vue index 01b6546..7005851 100644 --- a/src/components/Player/index.vue +++ b/src/components/Player.vue @@ -20,12 +20,11 @@ diff --git a/src/views/Main/Right.vue b/src/views/Main/Right.vue index d10857e..757f7cc 100644 --- a/src/views/Main/Right.vue +++ b/src/views/Main/Right.vue @@ -15,7 +15,7 @@