caojiezi2003/Homepage-imsyy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式调整 & Fix Bug

Browse Source
This commit is contained in:
底层用户 2022-02-03 16:05:44 +08:00
parent 3817e6e43d
commit b1ea5e3aba
4 changed files with 78 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
css/mobile.css
View File

@ -177,12 +177,12 @@
span.link-name {
display: block !important;
font-size: 1.05rem;
font-size: 0.95rem;
}
span.line-text,
i.iconfont.icon-link {
font-size: 1.20rem;
font-size: 1.05rem;
}
/*菜单栏按钮*/
@ -212,16 +212,29 @@
font-size: 0.85rem;
}
/*一言边距*/
/*一言*/
.col.hitokotos {
margin-right: 0rem;
}
.hitokoto-text,
.hitokoto-from {
font-size: 1.05rem;
}
/*音乐播放器*/
.music-text {
max-width: 100% !important;
}
#music-name {
font-size: 1.05rem;
}
#music-open {
display: none;
}
/*隐藏鼠标样式*/
#cursor {
background: transparent !important;

34
css/style.css
View File

@ -576,7 +576,7 @@ span.link-name {
}
.upnote {
margin-top: 2rem;
margin-top: 1rem;
margin-left: 2rem;
display: flex;
flex-direction: column;
@ -584,6 +584,10 @@ span.link-name {
font-size: 1.10rem;
}
.uptext i {
font-size: 1.25rem;
}
.closebox {
left: auto;
top: 10px;
@ -616,7 +620,16 @@ i.iconfont.icon-github1 {
}
.aplayer.aplayer-withlrc .aplayer-pic {
border-radius: 6px !important;
display: none;
}
.aplayer.aplayer-withlrc .aplayer-info {
margin-left: 0px !important;
}
.aplayer.aplayer-withlrc .aplayer-info {
background-color: #ffffff26;
border-radius: 6px;
}
/*歌曲名称*/
@ -625,17 +638,13 @@ i.iconfont.icon-github1 {
}
/*音乐列表*/
.aplayer.aplayer-withlist .aplayer-list {
margin-top: 8px;
}
.aplayer .aplayer-list ol li.aplayer-list-light {
background: #ffffff57 !important;
background: #ffffff26 !important;
border-radius: 6px !important;
}
.aplayer .aplayer-list ol li:hover {
background: #ffffff57 !important;
background: #ffffff26 !important;
border-radius: 6px !important;
}
@ -662,6 +671,11 @@ i.iconfont.icon-github1 {
height: 34px !important;
}
.aplayer .aplayer-lrc {
text-align: left !important;
margin-left: 5px !important;
}
/*歌词大小*/
.aplayer .aplayer-lrc p.aplayer-lrc-current {
font-size: 14.5px !important;
@ -735,6 +749,10 @@ footer {
line-height: 18px !important;
}
.iziToast>.iziToast-body .iziToast-message {
margin: 6px 0px 4px 0px !important;
}
.iziToast:after {
box-shadow: none !important;
}

6
index.html
View File

@ -24,7 +24,6 @@
<link rel="stylesheet" type="text/css" href="./css/loading.css">
<link rel="stylesheet" type="text/css" href="./css/animation.css">
<link rel="stylesheet" type="text/css" href="./css/cursor.css">
<link rel="stylesheet" type="text/css" href="./css/lantern.css">
<link rel="icon" href="./favicon.ico">
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
<!-- Izitoast -->
@ -153,7 +152,7 @@
<div id="volume-ico">
<i class="iconfont icon-volume-1"></i>
</div>
<input type="range" min="0" max="1" step="0.1" id="volume"
<input type="range" min="0" max="1" step="0.01" id="volume"
oninput="changevolume()">
</div>
</div>
@ -346,7 +345,7 @@
<div class="box-left">
<div class="img-title">
<span class="img-title">imsyy</span>
<span class="img-text">.top</span>
<span class="img-text">.top</span><br />
<span class="img-text">&nbsp;&nbsp;v&nbsp;1.6</span>
<a href="https://github.com/imsyy/home" target="_blank"><i
class="iconfont icon-github1"></i></a>
@ -390,7 +389,6 @@
<script type="text/javascript" src="./js/main.js"></script>
<script type="text/javascript" src="./js/time.js"></script>
<script type="text/javascript" src="./js/cursor.js"></script>
<script type="text/javascript" src="./js/lantern.js" defer></script>
<script type="text/javascript"
src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/js/bootstrap.min.js">
</script>

30
js/main.js
View File

@ -20,6 +20,20 @@ else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
//新春灯笼 （ 需要时取消注释 ）
/*
new_element=document.createElement("link");
new_element.setAttribute("rel","stylesheet");
new_element.setAttribute("type","text/css");
new_element.setAttribute("href","./css/lantern.css");
document.body.appendChild(new_element);
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","./js/lantern.js");
document.body.appendChild(new_element);
*/
//弹窗样式
iziToast.settings({
timeout: 10000,
@ -42,12 +56,14 @@ if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
link.rel = 'stylesheet';
link.type = 'text/css';
head.appendChild(link);
window.addEventListener('load', function () {
iziToast.info({
timeout: 8000,
iconUrl: './img/warn.png',
title: '兼容提醒',
message: '您正在使用火狐浏览器，部分功能可能不支持'
});
}, false)
}
//获取一言
@ -165,12 +181,10 @@ $('#switchmore').on('click', function () {
//更多页面关闭按钮
$('#close').on('click', function () {
$('#container').attr('class', 'container');
$("#change").html("Hello&nbsp;World&nbsp;!");
$("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
$('#switchmore').click();
});
//菜单栏切换
//移动端菜单栏切换
var switchmenu = false;
$('#switchmenu').on('click', function () {
switchmenu = !switchmenu;
@ -241,7 +255,7 @@ $("#more").hover(function () {
//屏蔽右键
document.oncontextmenu = function () {
iziToast.info({
timeout: 4000,
timeout: 400000,
iconUrl: './img/warn.png',
title: '温馨提醒',
message: '为了浏览体验，本站禁用右键'
@ -261,13 +275,15 @@ for (var day of days) {
'<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>'
)
$("#change").html("Silence&nbsp;in&nbsp;silence");
$("#change1").html("今天是国家纪念日，全站已切换为黑白模式");
$("#change1").html("今天是中国国家纪念日，全站已切换为黑白模式");
window.addEventListener('load', function () {
iziToast.info({
timeout: 14000,
iconUrl: './img/candle.png',
title: '今天是国家纪念日',
title: '今天是中国国家纪念日',
message: '历史不会忘记，人民永远铭记！'
});
}, false);
}
}