From 7ff8f34dbd94f0c778cb0f5a4debac6e151d7252 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=95=E5=B1=82=E7=94=A8=E6=88=B7?= Date: Mon, 17 Jan 2022 22:38:05 +0800 Subject: [PATCH] =?UTF-8?q?v1.5=20&=20=E9=9F=B3=E4=B9=90=E6=92=AD=E6=94=BE?= =?UTF-8?q?=E5=99=A8=20&=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 +- css/font.css | 6 +- css/mobile.css | 26 +++ css/style.css | 165 +++++++++++------- ...bvo8l.ttf => font_2831425_312vsfjkcz9.ttf} | Bin 6708 -> 7380 bytes font/font_2831425_312vsfjkcz9.woff | Bin 0 -> 4820 bytes font/font_2831425_312vsfjkcz9.woff2 | Bin 0 -> 4036 bytes font/font_2831425_ekwvaabvo8l.woff | Bin 4436 -> 0 bytes font/font_2831425_ekwvaabvo8l.woff2 | Bin 3724 -> 0 bytes index.html | 13 +- js/main.js | 6 +- js/music.js | 37 ++-- old/index.html | 3 +- 13 files changed, 153 insertions(+), 106 deletions(-) rename font/{font_2831425_ekwvaabvo8l.ttf => font_2831425_312vsfjkcz9.ttf} (69%) create mode 100644 font/font_2831425_312vsfjkcz9.woff create mode 100644 font/font_2831425_312vsfjkcz9.woff2 delete mode 100644 font/font_2831425_ekwvaabvo8l.woff delete mode 100644 font/font_2831425_ekwvaabvo8l.woff2 diff --git a/README.md b/README.md index 2af8df4..a35a46f 100644 --- a/README.md +++ b/README.md @@ -12,8 +12,8 @@ - [x] 日期及时间 - [x] 天气信息 - [x] 时光进度条 +- [x] 音乐插件 -* [ ] 音乐插件 * [ ] 没想好 ### 插件 @@ -23,6 +23,7 @@ * [Iconfont](https://www.iconfont.cn/) * [Font Awesome](https://fontawesome.com/) * [jQuery](https://jquery.com/) +* [Aplayer](https://aplayer.js.org/) ### API diff --git a/css/font.css b/css/font.css index 76c35d3..e96386c 100644 --- a/css/font.css +++ b/css/font.css @@ -16,9 +16,9 @@ @font-face { font-family: "iconfont"; /* Project id 2831425 */ - src: url('//at.alicdn.com/t/font_2831425_312vsfjkcz9.woff2?t=1642345600138') format('woff2'), - url('//at.alicdn.com/t/font_2831425_312vsfjkcz9.woff?t=1642345600138') format('woff'), - url('//at.alicdn.com/t/font_2831425_312vsfjkcz9.ttf?t=1642345600138') format('truetype'); + src: url('../font/font_2831425_312vsfjkcz9.woff') format('woff2'), + url('../font/font_2831425_312vsfjkcz9.woff') format('woff'), + url('../font/font_2831425_312vsfjkcz9.ttf') format('truetype'); } .iconfont { diff --git a/css/mobile.css b/css/mobile.css index be5a9bf..328345b 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -17,6 +17,11 @@ .weekday { display: none; } + + /*音乐播放器*/ + .music-text { + max-width: 170px !important; + } } /*小于992px时*/ @@ -135,13 +140,24 @@ /*链接卡片*/ .link-card { + height: 80px !important; align-items: center !important; flex-direction: column !important; justify-content: center !important; } + .link-card i { + font-size: 1.75rem; + } + span.link-name { display: block !important; + font-size: 1.05rem; + } + + span.line-text, + i.iconfont.icon-link { + font-size: 1.20rem; } /*菜单栏按钮*/ @@ -171,6 +187,16 @@ font-size: 0.85rem; } + /*音乐播放器*/ + .music-text { + max-width: 100% !important; + } + + /*隐藏鼠标样式*/ + #cursor { + background: transparent !important; + } + } /*小于390px时*/ diff --git a/css/style.css b/css/style.css index 586f26a..4ab9426 100644 --- a/css/style.css +++ b/css/style.css @@ -49,6 +49,7 @@ section { position: fixed; width: 100%; height: 100%; + min-height: 600px; } main { @@ -203,10 +204,10 @@ i.iconfont.icon-yinhao-copy { font-size: 1.10rem; } -.close-music { +.open-music { display: none; justify-content: center; - background: rgb(0 0 0 / 25%); + background: rgb(0 0 0 / 15%); padding: 4px 0px; animation: fade; -webkit-animation: fade 0.5s; @@ -215,6 +216,97 @@ i.iconfont.icon-yinhao-copy { -ms-animation: fade 0.5s; } +.open-music:hover { + background: rgb(0 0 0 / 30%); +} + +/*音乐播放器卡片*/ +#music { + display: none; +} + +.music { + width: 100%; + background: rgb(0 0 0 / 25%); + backdrop-filter: blur(10px); + padding: 20px; + border-radius: 6px; + height: 165px; + display: flex; + justify-content: center; + flex-direction: column; + animation: fade; + -webkit-animation: fade 0.3s; + -moz-animation: fade 0.3s; + -o-animation: fade 0.3s; + -ms-animation: fade 0.3s; +} + +.music-all { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; + height: 100%; +} + +.music-button { + display: flex; + align-items: center; + margin-bottom: 6px; +} + +.music-control { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-evenly; + width: 100%; +} + +i.iconfont.icon-play, +i.iconfont.icon-pause { + font-size: 2.25rem; + padding: 6px; + border-radius: 6px; +} + +i.iconfont.icon-play:hover, +i.iconfont.icon-pause:hover { + background: rgb(255 255 255 / 20%); + padding: 6px; + border-radius: 6px; +} + +i#last, +i#next { + font-size: 2.0rem; +} + +.music-text { + font-size: 1.15rem; + text-overflow: ellipsis; + max-width: 200px; + overflow-x: hidden; + white-space: nowrap; +} + +#music-open, +#music-close { + background: rgb(255 255 255 / 15%); + padding: 2px 8px; + border-radius: 6px; + margin: 0px 6px; + text-overflow: ellipsis; + overflow-x: hidden; + white-space: nowrap; +} + +#music-open:hover, +#music-close:hover { + background: rgb(255 255 255 / 30%); +} + /*时间卡片*/ .time { width: 100%; @@ -416,7 +508,8 @@ span.link-name { transform: scale(1.2); } -i.iconfont.icon-close { +i.iconfont.icon-close, +i.iconfont.icon-github1 { font-size: 1.45rem; } @@ -502,68 +595,6 @@ span.aplayer-list-index { /*Aplayer结束*/ -/*音乐播放器*/ -#music { - display: none; -} - -.music { - width: 100%; - background: rgb(0 0 0 / 25%); - backdrop-filter: blur(10px); - padding: 20px; - border-radius: 6px; - height: 165px; - display: flex; - justify-content: center; - flex-direction: column; -} - -.music-all { - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; - height: 100%; -} - -.music-button { - display: flex; - align-items: center; -} - -.music-control { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-evenly; - width: 100%; -} - -i.iconfont.icon-play, -i.iconfont.icon-pause { - font-size: 2.25rem; -} - -i#last, -i#next { - font-size: 2.0rem; -} - -.music-text { - font-size: 1.15rem; - text-overflow: ellipsis; - max-width: 160px; -} - -#music-open, -#music-close { - background: rgb(255 255 255 / 20%); - padding: 2px 8px; - border-radius: 6px; - margin: 0px 6px; -} - /*移动端页面切换按钮*/ i.iconfont.icon-bars, i.iconfont.icon-times { @@ -589,6 +620,10 @@ footer { backdrop-filter: blur(10px) !important; } +.iziToast>.iziToast-body .iziToast-title { + font-size: 16px !important; +} + .iziToast-body .iziToast-message { line-height: 18px !important; } diff --git a/font/font_2831425_ekwvaabvo8l.ttf b/font/font_2831425_312vsfjkcz9.ttf similarity index 69% rename from font/font_2831425_ekwvaabvo8l.ttf rename to font/font_2831425_312vsfjkcz9.ttf index 5278118a55f3db778b697a3610dac2fca5e609a5..e43c1b5bcb385ea330d0b244db87397c55cc796b 100644 GIT binary patch delta 1558 zcma)+Urbw79LK-EdwMUuP+D4`g%;Y&U}Z@GVPyq3tY#XX_ONAhOO|EQFa#4?ng9#T zhcae1qgx`u2T5G~7mYEC)6B;`_+*0mU@~~w{KJEu-ig_hBx(lrcYCNVix2kZbM86k zp5OWYe&2g;zvy3k@{RVwhX7p#Ffy9WAbuX7oPRM|crXAMZvuh*#8~EB zELr;}uiao$6FgD%lX!>wx0#NK?9AMPR(i<${l?>k$*IxIvtOszIQ}S)4`(xTdFsXM z{Je?BRxXnrtNS24^cm3XV$t#Z)bz|B8|h;}gcG2NrQ7XKTOeM`-1xO)?gih_7HW7c z|9&)o`R88RDZT8{#6_NPLn}|0V_+>u>2q3N{*DeW?@+cdQr-=88lv3m;(IkqkHAGe z95)CHE;LC`HMgXmBfse}w}QnX zO@;FgWW9nDf^_y`I5o%)1t$r~o;z^5kbQ~*XAa4S&Vg%yJg(qsAWtf|F32+qt`Krw z!L>pzDY$CL6$RIiA`3XM6DTGX>@BreH|duEz=?SIDxsiS691wOaiC7OR$ykz93Vx8HZ#)h$!_ zB6Zs7x`Q#F}1;ckWHnIcNW}h($*$B0D#U!mFVI&ueEN zk=g#JB2y7M$kq7DLhXAD-ZjVurdTZA_Sl#%TnR)Xfh&P?o`B2X zelUnzO@>}i{IA!XN>VG=93zX`pl4^NUmA7i#^z?ar*dPpl}`8QRDNF1XJ)6zT=~h& K{POe7Kl}|fTggln~k!goM=S$pbfy7(8ghzb3YYM2HZLRUpPh zF*NI?-i*eh5$%z?SCz(t_^0tOounQ-NW2j1H=TI#o9a;aK(^+5uR4mrdV` zdPl^DD0^?k882yt$?0Rs#tFm_?8d5>^InEe!Vyip6Gs;uw0IS(qkTyhWU(5n7S))_ zsRgy7*3@>b?0vEhcl>*{+&J5+*S&Xk?5d!j|LqCr4zyGK0dz3BizY;{A31VuMuitj_T0O*BJ+egr$w@=ckhXy_AbC&2Xpq__j0@Rn zpaRHF1GPZ*7^n)e&(QE6~D diff --git a/font/font_2831425_312vsfjkcz9.woff b/font/font_2831425_312vsfjkcz9.woff new file mode 100644 index 0000000000000000000000000000000000000000..e6aefff87a393ca63ed7496d0c64e511ac88031b GIT binary patch literal 4820 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 ZI5Ch*af{66b-OvVE%*znY({VZ{|61q>#_g< literal 0 HcmV?d00001 diff --git a/font/font_2831425_312vsfjkcz9.woff2 b/font/font_2831425_312vsfjkcz9.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..10c555d2684d627df1537a360a8f79c6b052efe0 GIT binary patch literal 4036 zcmV;#4?FO8Pew8T0RR9101w0f3jhEB036f+01tKm0RR9100000000000000000000 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 literal 0 HcmV?d00001 diff --git a/font/font_2831425_ekwvaabvo8l.woff b/font/font_2831425_ekwvaabvo8l.woff deleted file mode 100644 index d5f77e4397a7de2a088f23b6cc3e86258bf621b4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4436 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 diff --git a/index.html b/index.html index a820270..a5b7f40 100644 --- a/index.html +++ b/index.html @@ -127,7 +127,7 @@
-
+
 打开音乐播放器
@@ -155,7 +155,6 @@
未播放音乐 -
@@ -344,10 +343,12 @@
imsyy .top -   v 1.4 +   v 1.5 +
-  点击左侧简介可弹出更多页面 +  新增音乐播放器  修复时间胶囊( 时光进度条 )  隐藏页面新增全屏弹窗  新增动态跟随鼠标样式 @@ -356,7 +357,7 @@  图标由 Fontawesome 改为 Iconfont  返回旧版站点 + style="color:#efefef">点击此处返回旧版站点
@@ -383,7 +384,7 @@ - + \ No newline at end of file diff --git a/js/main.js b/js/main.js index cfee580..ce6dfa0 100644 --- a/js/main.js +++ b/js/main.js @@ -31,11 +31,11 @@ color: rgb(30,152,255); var title1 = '無名の主页' var title2 = 'imsyy.top' var content = ` -版 本 号:1.4.0 -更新日期:2022-01-12 14:38:34 +版 本 号:1.5.0 +更新日期:2022-01-16 14:38:34 更新说明: -1. 新增 部分页面样式调整 +1. 新增 音乐播放器 2. 新增 动态跟随鼠标样式 3. 修复 部分控件无法点击 4. 优化 移动端动画及细节 diff --git a/js/music.js b/js/music.js index 3d76421..9a44f95 100644 --- a/js/music.js +++ b/js/music.js @@ -1,12 +1,3 @@ -/* 右键音乐图标 */ -document.getElementById("music").onmousedown = function (e) { - if (e.button == 2 && $(document).width() >= 990) { - $('#box').css("display", "block"); - $('#row').css("display", "none"); - $('#more').css("cssText", "display:none !important"); - } -} - const ap = new APlayer({ container: document.getElementById('aplayer'), order: 'random', @@ -332,14 +323,15 @@ const ap = new APlayer({ /* 音乐通知及控制 */ ap.on('play', function () { + music = $(".aplayer-title").text() + $(".aplayer-author").text(); iziToast.info({ iconUrl: './img/play.png', + displayMode: 'replace', title: '音乐通知', - message: '音乐开始播放' + message: '正在播放:' + ' ' + music }); $("#play").html(""); - $("#music-name").html($(".aplayer-title").text()); - $("#music-artist").html($(".aplayer-author").text()); + $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text()); }); ap.on('pause', function () { @@ -347,15 +339,15 @@ ap.on('pause', function () { }); /* 一言与音乐切换 */ -$('#close-music').on('click', function () { +$('#open-music').on('click', function () { $('#hitokoto').css("display", "none"); $('#music').css("display", "flex"); }); $("#hitokoto").hover(function () { - $('#close-music').css("display", "flex"); + $('#open-music').css("display", "flex"); }, function () { - $('#close-music').css("display", "none"); + $('#open-music').css("display", "none"); }) $('#music-close').on('click', function () { @@ -366,26 +358,19 @@ $('#music-close').on('click', function () { /* 上下曲 */ $('#play').on('click', function () { ap.toggle(); - $("#music-name").html($(".aplayer-title").text()); - $("#music-artist").html($(".aplayer-author").text()); + $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text()); }); $('#last').on('click', function () { ap.skipBack(); - $("#music-name").html($(".aplayer-title").text()); - $("#music-artist").html($(".aplayer-author").text()); + $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text()); }); $('#next').on('click', function () { ap.skipForward(); - $("#music-name").html($(".aplayer-title").text()); - $("#music-artist").html($(".aplayer-author").text()); + $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text()); }); -/* -$("#a").click(function () { - $("#b").toggle() -}) -*/ + /* 打开音乐列表 */ $('#music-open').on('click', function () { if ($(document).width() >= 990) { diff --git a/old/index.html b/old/index.html index eb60cdf..c16f809 100644 --- a/old/index.html +++ b/old/index.html @@ -165,8 +165,7 @@

Copyright © 2020 - 無名 | 豫ICP备20013231-2 号 + 無名