From dbdf84c352885caf04dee29fb61879352ed96370 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=95=E5=B1=82=E7=94=A8=E6=88=B7?= Date: Tue, 12 Apr 2022 22:42:42 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20=E4=B8=AA=E6=80=A7?= =?UTF-8?q?=E5=8C=96=E8=AE=BE=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/mobile.css | 2 +- css/style.css | 128 ++++++++++++++++++++++++++++++++++++++++++++----- index.html | 78 +++++++++++++++++++++++++----- js/main.js | 4 +- js/music.js | 4 +- 5 files changed, 189 insertions(+), 27 deletions(-) diff --git a/css/mobile.css b/css/mobile.css index b719def..e9e874d 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -177,7 +177,7 @@ span.link-name { display: block !important; - font-size: 0.95rem; + font-size: 0.85rem; } span.line-text, diff --git a/css/style.css b/css/style.css index 76b9f9d..304359c 100644 --- a/css/style.css +++ b/css/style.css @@ -546,13 +546,13 @@ i.iconfont.icon-z_shangpinheji { margin: 1rem 0rem 0.5rem 0rem; } -/*更多页面链接*/ +/*其他链接*/ .mores .link-card { height: 48px !important; } -/*box*/ +/*更多页面*/ .box-left { flex: 0 44%; min-width: 400px; @@ -589,17 +589,55 @@ i.iconfont.icon-z_shangpinheji { justify-content: space-between; } -.upnote { - margin-top: 1rem; - margin-left: 2rem; - display: flex; - flex-direction: column; - line-height: 40px; - font-size: 1.10rem; +#accordion { + min-width: 360px; + margin-right: 40px; + margin-top: 20px; + margin-left: 14px; + border-radius: 8px; + box-shadow: 0 2px 2px 0 rgb(0 0 0 / 7%), 0 1px 5px 0 rgb(0 0 0 / 10%); } -.uptext i { - font-size: 1.25rem; +.accordion-item { + background-color: transparent !important; + border: none !important; +} + +.accordion-item:first-of-type .accordion-button { + border-radius: 8px; +} + +.accordion-button { + color: white !important; + background-color: transparent; + transition: 0.3s; + +} + +.accordion-button:focus { + border-color: #ffffff26 !important; + outline: none !important; + box-shadow: none !important; + border-radius: 8px; + transition: 0.3s; +} + +.accordion-button:not(.collapsed) { + background-color: #ffffff26; + border-bottom-left-radius: 0px !important; + border-bottom-right-radius: 0px !important; + font-weight: bold; + transition: 0.3s; +} + +.accordion-button::after { + border-radius: 8px; + background-image: none !important; +} + +.accordion-body { + padding: 1rem 0rem !important; + background-color: #ffffff10; } .closebox { @@ -617,6 +655,58 @@ i.iconfont.icon-github1 { font-size: 1.45rem; } +/*个性设置*/ +.set { + display: flex; + flex-direction: column; + padding: 0rem 1.5rem; +} + +.set-text { + text-align: center; +} + +.btn-group, +.btn-group-vertical { + margin-top: 10px; +} + +.btn-outline-primary { + color: #eeeeee !important; + border-color: #ffffff26 !important; +} + +.btn-outline-primary:hover { + background-color: #ffffff26 !important; + border-color: #eeeeee !important; +} + +.btn-check:focus+.btn, .btn:focus { + box-shadow: none !important; +} + +.btn-check:active+.btn-outline-primary, +.btn-check:checked+.btn-outline-primary, +.btn-outline-primary.active, +.btn-outline-primary.dropdown-toggle.show, +.btn-outline-primary:active { + background-color: #ffffff26 !important; + border-color: #eeeeee !important; +} + +/*更新日志*/ +.upnote { + display: flex; + flex-direction: column; + padding: 0rem 1.5rem; + height: 156px; + overflow-y: auto; +} + +.uptext { + line-height: 32px; +} + /*Aplayer*/ .box-right { flex: 0 54%; @@ -652,6 +742,10 @@ i.iconfont.icon-github1 { } /*音乐列表*/ +.aplayer.aplayer-withlist .aplayer-list { + margin-top: 6px; +} + .aplayer .aplayer-list ol li.aplayer-list-light { background: #ffffff26 !important; border-radius: 6px !important; @@ -783,4 +877,16 @@ footer { .iziToast>.iziToast-close { background: url(https://cdn.jsdelivr.net/gh/imsyy/file/pic/close.png) no-repeat 50% 50% !important; background-size: 8px !important; +} + +/*滚动条样式*/ +::-webkit-scrollbar { + width: 6px; + height: 6px; + background-color: transparent; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #eeeeee; } \ No newline at end of file diff --git a/index.html b/index.html index eb0dd03..a90e297 100644 --- a/index.html +++ b/index.html @@ -343,26 +343,82 @@
- +
imsyy .top
-   v 1.6 +   v 2.2
-
-  音乐播放器支持音量控制 -  新增动态跟随鼠标样式 -  修复 CDN 加载缓慢 -  时光胶囊显示错误 -  移动端动画及细节 -  图标改为 Iconfont -  点击此处返回旧版站点 + +
+
+

+ +

+
+
+
+
壁纸个性化
+
+ + + + + + + + +
+
+
+
+
+ +
+

+ +

+
+
+
+  音乐播放器支持音量控制 +  新增动态跟随鼠标样式 +  修复 + CDN 加载缓慢 +  时光胶囊显示错误 +  移动端动画及细节 +  图标改为 + Iconfont +  点击此处返回旧版站点 +
+
+
+
+
diff --git a/js/main.js b/js/main.js index d551f56..252c62c 100644 --- a/js/main.js +++ b/js/main.js @@ -323,8 +323,8 @@ var title2 = ` |_____|_| |_|_____/ |_| |_| ` var content = ` -版 本 号：1.6 -更新日期：2022-01-30 +版 本 号：2.2 +更新日期：2022-04-12 更新说明： 1. 新增 音乐播放器支持音量控制 diff --git a/js/music.js b/js/music.js index b0c3524..ecd14c6 100644 --- a/js/music.js +++ b/js/music.js @@ -306,9 +306,9 @@ const ap = new APlayer({ { name: "有何不可", artist: "许嵩", - url: "https://drive.imsyy.top/api?path=/%E9%9F%B3%E4%B9%90/%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8/%E8%AE%B8%E5%B5%A9-%E6%9C%89%E4%BD%95%E4%B8%8D%E5%8F%AF.mp3&raw=true", + url: "https://drive.imsyy.top/api/raw/?path=/音乐/华语音乐/许嵩/许嵩%20-%20有何不可%20-%20独白版.mp3", cover: "https://y.qq.com/music/photo_new/T002R300x300M000002KSDg90IaScI_1.jpg?max_age=2592000", - lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9-%E6%9C%89%E4%BD%95%E4%B8%8D%E5%8F%AF.lrc", + lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E8%AE%B8%E5%B5%A9%20-%20%E6%9C%89%E4%BD%95%E4%B8%8D%E5%8F%AF%20-%20%E7%8B%AC%E7%99%BD%E7%89%88.lrc", theme: "#edbe76" }, {