diff --git a/css/font.css b/css/font.css index 2178e9a..0254675 100644 --- a/css/font.css +++ b/css/font.css @@ -13,7 +13,7 @@ src: url('https://file.imsyy.top/font/MiSans-Regular.woff') format('woff'); font-display: sans-serif; } - +/* @font-face { font-family: "iconfont"; src: url('../font/iconfont.woff2') format('woff2'), @@ -175,4 +175,4 @@ .icon-yinhao-copy-copy:before { content: "\e62e"; -} \ No newline at end of file +} */ \ No newline at end of file diff --git a/css/style.css b/css/style.css index 87f0673..03866eb 100644 --- a/css/style.css +++ b/css/style.css @@ -191,7 +191,7 @@ span#change { font-family: 'Pacifico-Regular' !important; } -i.iconfont.icon-yinhao-copy { +.fa-solid.fa-quote-right { align-self: flex-end; } @@ -201,11 +201,12 @@ i.iconfont.icon-yinhao-copy { display: flex; align-items: center; max-width: 460px; + height: 42px; } .link i { - font-size: 1.75rem; - margin: 0px 10px; + font-size: 1.45rem; + margin: 2px 12px; } /* @@ -213,6 +214,7 @@ i.iconfont.icon-yinhao-copy { font-size: 2.5rem; } */ + #link-text { display: none; flex: 1; @@ -265,6 +267,7 @@ i.iconfont.icon-yinhao-copy { .open-music { display: none; + align-items: center; justify-content: center; background: rgb(0 0 0 / 15%); padding: 4px 0px; @@ -330,23 +333,42 @@ i.iconfont.icon-yinhao-copy { align-items: center; } -i.iconfont.icon-play, -i.iconfont.icon-pause { +.fa-solid.fa-play, +.fa-solid.fa-pause { + padding: 4px; font-size: 2.25rem; - padding: 6px; - border-radius: 6px; } -i.iconfont.icon-play:hover, -i.iconfont.icon-pause:hover { +#play { + width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 6px; + padding: 6px 10px; +} + +#play:hover { background: rgb(255 255 255 / 20%); - padding: 6px; - border-radius: 6px; } -i#last, -i#next { - font-size: 2.0rem; +#last, +#next { + font-size: 1.75rem; + border-radius: 6px; + padding: 6px 10px; +} + +#last:hover, +#next:hover { + background: rgb(255 255 255 / 20%); +} + +#play:active, +#last:active, +#next:active { + transform: scale(0.95); } .music-text { @@ -392,12 +414,12 @@ i#next { } #volume-ico { - padding-top: 1px; - margin-right: 6px; + padding-top: 2px; + margin-right: 10px; } .music-volume i { - font-size: 1.75rem; + font-size: 1.25rem; } input[type=range] { @@ -488,7 +510,7 @@ i.iconfont.icon-link { .link-card i { margin-left: 0px; - font-size: 2.2rem; + font-size: 1.65rem; } .link-card:hover { @@ -678,6 +700,7 @@ i.iconfont.icon-z_shangpinheji { left: auto; top: 10px; right: 16px; + font-size: 1.5rem; } .closebox:hover { @@ -932,6 +955,11 @@ footer { align-items: center; } +.iziToast>.iziToast-body i { + margin-left: 6px; + margin-top: 10px; +} + .iziToast-message { word-break: break-all !important; } diff --git a/index.html b/index.html index 85f5879..b4d2d7c 100644 --- a/index.html +++ b/index.html @@ -36,6 +36,10 @@ + + @@ -91,29 +95,31 @@
-
+
+
Hello World !
一个建立于 21 世纪的小站,存活于互联网的边缘
- +
- - + + - + - + - + - + 通过这里联系我
@@ -132,7 +138,7 @@
- +  打开音乐播放器
@@ -144,18 +150,18 @@
-
+
音乐列表
回到一言
- +
- +
- +
@@ -163,7 +169,7 @@
@@ -191,7 +197,7 @@
- + 网站列表
@@ -201,7 +207,7 @@
@@ -209,7 +215,7 @@
@@ -217,7 +223,7 @@
@@ -228,7 +234,7 @@
@@ -236,7 +242,7 @@
@@ -244,7 +250,7 @@
@@ -256,18 +262,20 @@
- +
- + 时间胶囊 - +
@@ -296,9 +304,9 @@
- + 杂七杂八 - +
@@ -353,7 +361,7 @@
- +
@@ -361,8 +369,9 @@ imsyy .top
  v 2.2 - + + +
@@ -417,20 +426,25 @@ aria-labelledby="headingTwo" data-bs-parent="#accordion">
-  壁纸个性化设置 -  音乐播放器支持音量控制 -  修复 - CDN 加载缓慢 -  时光胶囊显示错误 -  移动端动画及细节 -  优化部分动画及细节 -  点击此处返回旧版站点 + +  壁纸个性化设置 + + +  音乐播放器支持音量控制 + + +  修复 CDN 加载缓慢 + + +  时光胶囊显示错误 + +  移动端动画及细节 + +  优化部分动画及细节 + + + 点击此处返回旧版站点 +
diff --git a/js/main.js b/js/main.js index 51c0dff..ff36960 100644 --- a/js/main.js +++ b/js/main.js @@ -12,6 +12,7 @@ iziToast.settings({ backgroundColor: '#00000040', titleColor: '#efefef', messageColor: '#efefef', + icon: 'Fontawesome', iconColor: '#efefef', }); @@ -28,6 +29,7 @@ window.addEventListener('load', function () { setTimeout(function () { iziToast.show({ timeout: 2500, + icon: false, title: hello, message: '欢迎来到我的主页' }); @@ -76,7 +78,7 @@ if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) { setTimeout(function () { iziToast.show({ timeout: 8000, - iconUrl: './img/icon/warn.png', + icon: "fa-solid fa-circle-exclamation", message: '您正在使用火狐浏览器,部分功能可能不支持' }); }, 3800); @@ -112,7 +114,7 @@ $('#hitokoto').click(function () { } else { iziToast.show({ timeout: 2000, - iconUrl: './img/icon/warn.png', + icon: "fa-solid fa-circle-exclamation", message: '你点太快了吧' }); } @@ -235,10 +237,10 @@ $('#switchmenu').on('click', function () { switchmenu = !switchmenu; if (switchmenu) { $('#row').attr('class', 'row menus'); - $("#menu").html(""); + $("#menu").html(""); } else { $('#row').attr('class', 'row'); - $("#menu").html(""); + $("#menu").html(""); } }); @@ -260,7 +262,7 @@ window.addEventListener('load', function () { //关闭移动端样式 if (window.innerWidth >= 600) { $('#row').attr('class', 'row'); - $("#menu").html(""); + $("#menu").html(""); //移除移动端切换功能区 $('#rightone').attr('class', 'row rightone'); } @@ -301,7 +303,7 @@ $("#more").hover(function () { document.oncontextmenu = function () { iziToast.show({ timeout: 2000, - iconUrl: './img/icon/warn.png', + icon: "fa-solid fa-circle-exclamation", message: '为了浏览体验,本站禁用右键' }); return false; @@ -323,7 +325,7 @@ for (var day of days) { window.addEventListener('load', function () { iziToast.show({ timeout: 14000, - iconUrl: './img/icon/candle.png', + icon: "fa-solid fa-candle-holder", message: '今天是中国国家纪念日' }); }, false); diff --git a/js/music.js b/js/music.js index d824afe..5948a25 100644 --- a/js/music.js +++ b/js/music.js @@ -11,7 +11,7 @@ GitHub:https://github.com/imsyy/home */ var server = "netease"; //netease: 网易云音乐; tencent: QQ音乐; kugou: 酷狗音乐; xiami: 虾米; kuwo: 酷我 var type = "playlist"; //song: 单曲; playlist: 歌单; album: 唱片 -var id = "60198"; //封面 ID / 单曲 ID / 歌单 ID +var id = "7452421335"; //封面 ID / 单曲 ID / 歌单 ID $.ajax({ url: "https://api.wuenci.com/meting/api/?server=" + server + "&type=" + type + "&id=" + id, //json文件位置,文件名 @@ -31,19 +31,19 @@ $.ajax({ /* 底栏歌词 */ setInterval(function () { - $("#lrc").html(" " + $(".aplayer-lrc-current").text() + " "); + $("#lrc").html(" " + $(".aplayer-lrc-current").text() + " "); }, 500); /* 音乐通知及控制 */ ap.on('play', function () { music = $(".aplayer-title").text() + $(".aplayer-author").text(); iziToast.info({ - timeout: 8000, - iconUrl: './img/icon/music.png', + timeout: 4000, + icon: "fa-solid fa-music-note", displayMode: 'replace', message: music }); - $("#play").html(""); + $("#play").html(""); $("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text()); if ($(document).width() >= 990) { $('.power').css("cssText", "display:none"); @@ -52,7 +52,7 @@ $.ajax({ }); ap.on('pause', function () { - $("#play").html(""); + $("#play").html(""); if ($(document).width() >= 990) { $('#lrc').css("cssText", "display:none !important"); $('.power').css("cssText", "display:block"); @@ -114,21 +114,21 @@ $.ajax({ var x = $("#volume").val(); ap.volume(x, true); if (x == 0) { - $("#volume-ico").html(""); + $("#volume-ico").html(""); } else if (x > 0 && x <= 0.3) { - $("#volume-ico").html(""); + $("#volume-ico").html(""); } else if (x > 0.3 && x <= 0.6) { - $("#volume-ico").html(""); + $("#volume-ico").html(""); } else { - $("#volume-ico").html(""); + $("#volume-ico").html(""); } }); }, error: function () { setTimeout(function () { iziToast.info({ - timeout: 12000, - iconUrl: './img/icon/warn.png', + timeout: 8000, + icon: "fa-solid fa-circle-exclamation", displayMode: 'replace', message: '音乐播放器加载失败' }); diff --git a/js/set.js b/js/set.js index 1ef3b51..6ea3c98 100644 --- a/js/set.js +++ b/js/set.js @@ -84,6 +84,7 @@ $(document).ready(function () { var rd = Math.floor(Math.random() * 10); $('#bg').attr('src', pictures[rd]) //随机默认壁纸 iziToast.show({ + icon: "fa-solid fa-image", timeout: 2500, message: '壁纸设置成功', }); @@ -93,6 +94,7 @@ $(document).ready(function () { setBgImg(bg_img); $('#bg').attr('src', 'https://api.dujin.org/bing/1920.php'); //必应每日 iziToast.show({ + icon: "fa-solid fa-image", timeout: 2500, message: '壁纸设置成功', }); @@ -102,6 +104,7 @@ $(document).ready(function () { setBgImg(bg_img); $('#bg').attr('src', 'https://api.ixiaowai.cn/gqapi/gqapi.php'); //随机风景 iziToast.show({ + icon: "fa-solid fa-image", timeout: 2500, message: '壁纸设置成功', }); @@ -111,6 +114,7 @@ $(document).ready(function () { setBgImg(bg_img); $('#bg').attr('src', 'https://api.ixiaowai.cn/api/api.php'); //随机动漫 iziToast.show({ + icon: "fa-solid fa-image", timeout: 2500, message: '壁纸设置成功', });