From 0fc2ad45a494097ed34ff3d1d49d112c21109a6a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=95=E5=B1=82=E7=94=A8=E6=88=B7?= Date: Fri, 4 Mar 2022 18:52:51 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 + css/mobile.css | 7 ++++++ css/style.css | 7 +++--- img/music.png | Bin 0 -> 4730 bytes js/main.js | 57 +++++++++++++++++++++++++++++-------------------- js/music.js | 29 ++++++++++++++----------- js/time.js | 21 +++++++++++++++++- 7 files changed, 82 insertions(+), 40 deletions(-) create mode 100644 .gitignore create mode 100644 img/music.png diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..600d2d3 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vscode \ No newline at end of file diff --git a/css/mobile.css b/css/mobile.css index 06dd040..c0ec3eb 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -249,6 +249,13 @@ } } +/* 大于568px时 */ +@media (min-width: 568px) { + .iziToast { + border-radius: 30px !important; + } +} + /* 大于720px时 */ @media (min-width: 720px) { diff --git a/css/style.css b/css/style.css index 5673322..38af1d3 100644 --- a/css/style.css +++ b/css/style.css @@ -737,7 +737,6 @@ footer { /*弹窗样式*/ .iziToast { - background: rgb(0 0 0 / 45%) !important; backdrop-filter: blur(10px) !important; } @@ -757,8 +756,10 @@ footer { box-shadow: none !important; } -.iziToast-message.slideIn { - margin-top: 8px !important; +.iziToast>.iziToast-body .iziToast-texts { + margin: 6px 6px !important; + display: flex !important; + align-items: center; } .iziToast-message { diff --git a/img/music.png b/img/music.png new file mode 100644 index 0000000000000000000000000000000000000000..84d3176f5fbaa0007638cfef472eabc421eeb23a GIT binary patch literal 4730 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 0) { var head = document.getElementsByTagName('head')[0]; @@ -57,10 +71,9 @@ if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) { link.type = 'text/css'; head.appendChild(link); window.addEventListener('load', function () { - iziToast.info({ + iziToast.show({ timeout: 8000, iconUrl: './img/warn.png', - title: '兼容提醒', message: '您正在使用火狐浏览器，部分功能可能不支持' }); }, false) @@ -254,10 +267,9 @@ $("#more").hover(function () { //屏蔽右键 document.oncontextmenu = function () { - iziToast.info({ - timeout: 4000, + iziToast.show({ + timeout: 2000, iconUrl: './img/warn.png', - title: '温馨提醒', message: '为了浏览体验，本站禁用右键' }); return false; @@ -277,11 +289,10 @@ for (var day of days) { $("#change").html("Silence in silence"); $("#change1").html("今天是中国国家纪念日，全站已切换为黑白模式"); window.addEventListener('load', function () { - iziToast.info({ + iziToast.show({ timeout: 14000, iconUrl: './img/candle.png', - title: '今天是中国国家纪念日', - message: '历史不会忘记，人民永远铭记！' + message: '今天是中国国家纪念日' }); }, false); } diff --git a/js/music.js b/js/music.js index 47578f8..b0c3524 100644 --- a/js/music.js +++ b/js/music.js @@ -3,7 +3,7 @@ const ap = new APlayer({ order: 'random', preload: 'auto', listMaxHeight: '336px', - volume: 0.5, + volume: '0.5', mutex: true, lrcType: 3, /* 下方更改为你自己的歌单就行 */ @@ -256,11 +256,19 @@ const ap = new APlayer({ theme: "#b3dae1" }, { - name: "你不是真正的快乐", + name: "知足", artist: "五月天", - url: "https://drive.imsyy.top/api?path=%2F%E9%9F%B3%E4%B9%90%2F%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E4%BD%A0%E4%B8%8D%E6%98%AF%E7%9C%9F%E6%AD%A3%E7%9A%84%E5%BF%AB%E4%B9%90.mp3&raw=true", - cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000020I7sO0ayXhN_1.jpg?max_age=2592000", - lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E4%BD%A0%E4%B8%8D%E6%98%AF%E7%9C%9F%E6%AD%A3%E7%9A%84%E5%BF%AB%E4%B9%90.lrc", + url: "https://drive.imsyy.top/api/raw/?path=/音乐/文件引用/五月天-知足.mp3", + cover: "https://y.qq.com/music/photo_new/T002R300x300M0000020I7sO0ayXhN_1.jpg?max_age=2592000", + lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E7%9F%A5%E8%B6%B3.lrc", + theme: "#0a0708" + }, + { + name: "如烟", + artist: "五月天", + url: "https://drive.imsyy.top/api/raw/?path=/音乐/文件引用/五月天-如烟.mp3", + cover: "https://y.qq.com/music/photo_new/T002R300x300M0000020I7sO0ayXhN_1.jpg?max_age=2592000", + lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%A6%82%E7%83%9F.lrc", theme: "#0a0708" }, { @@ -411,11 +419,10 @@ setInterval(function () { ap.on('play', function () { music = $(".aplayer-title").text() + $(".aplayer-author").text(); iziToast.info({ - timeout: 6000, - iconUrl: './img/play.png', + timeout: 8000, + iconUrl: './img/music.png', displayMode: 'replace', - title: '音乐通知', - message: '正在播放：' + ' ' + music + message: music }); $("#play").html(""); $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text()); @@ -434,10 +441,6 @@ ap.on('pause', function () { }); //音量调节 -$(document).ready(function () { - $('#volume').val(0.5); -}) - function changevolume() { var x = $("#volume").val(); ap.volume(x, true); diff --git a/js/time.js b/js/time.js index 044c700..4a8deb4 100644 --- a/js/time.js +++ b/js/time.js @@ -46,4 +46,23 @@ function init_life_time() { getAsideLifeTime(); }, 1000); } -init_life_time() \ No newline at end of file +init_life_time() + +now = new Date(), hour = now.getHours() +if (hour < 6) { + var hello = "凌晨好"; +} else if (hour < 9) { + var hello = "早上好"; +} else if (hour < 12) { + var hello = "上午好"; +} else if (hour < 14) { + var hello = "中午好"; +} else if (hour < 17) { + var hello = "下午好"; +} else if (hour < 19) { + var hello = "傍晚好"; +} else if (hour < 22) { + var hello = "晚上好"; +} else { + var hello = "夜深了"; +} \ No newline at end of file