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 @@
-
+
-
+
网站列表
@@ -201,7 +207,7 @@
-
+
博客
@@ -209,7 +215,7 @@
-
+
网盘
@@ -217,7 +223,7 @@
-
+
音乐
@@ -228,7 +234,7 @@
-
+
起始页
@@ -236,7 +242,7 @@
-
+
网址集
@@ -244,7 +250,7 @@
-
+
-
+
时间胶囊
-
+
-
+
杂七杂八
-
+
@@ -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: '壁纸设置成功',
});