更换字体 & 完善加载动画

This commit is contained in:
底层用户 2022-01-21 13:39:47 +08:00
parent 3f649c4369
commit 9cf78b28db
4 changed files with 30 additions and 19 deletions

View File

@ -5,13 +5,19 @@
@font-face {
font-family: "UnidreamLED";
src: url('https://s-bj-2127-file.oss.dogecdn.com/font/UnidreamLED.ttf') format('truetype');
src: url('../font/UnidreamLED.ttf') format('truetype');
}
/*
@font-face {
font-family: "PingFangSC";
src: url('https://s-bj-2127-file.oss.dogecdn.com/font/PingFangSC.woff2') format('woff2');
src: url('../font/PingFangSC.woff2') format('woff2');
}
*/
@font-face {
font-family: "MiSans";
src: url('https://cdn.jsdelivr.net/gh/imsyy/file@master/font/MiSans-Regular.woff') format('woff');
}
@font-face {
font-family: "iconfont";

View File

@ -17,7 +17,7 @@ p {
transition: 0.3s;
color: #efefef;
user-select: none;
font-family: 'PingFangSC';
font-family: 'MiSans';
}
a:hover {
@ -140,10 +140,10 @@ span.img-text {
justify-content: space-between;
}
p.des-title {
.des-title {
margin: 1rem 1rem;
line-height: 2rem;
font-size: 1.10rem;
/*font-size: 1.10rem;*/
}
span#change {
@ -203,7 +203,7 @@ i.iconfont.icon-yinhao-copy {
}
.hitokoto-text {
font-size: 1.2rem;
font-size: 1.10rem;
}
.hitokoto-from {
@ -293,7 +293,7 @@ i#next {
}
.music-text {
font-size: 1.15rem;
font-size: 1.10rem;
text-overflow: ellipsis;
max-width: 220px;
overflow-x: hidden;
@ -344,18 +344,18 @@ span.time-text {
.line {
margin: 1rem 0.25rem;
margin-top: 2rem;
font-size: 1.2rem;
font-size: 1.10rem;
display: flex;
align-items: center;
}
span.line-text {
font-size: 1.35rem;
font-size: 1.2rem;
margin: 0px 6px;
}
i.iconfont.icon-link {
font-size: 1.4rem;
font-size: 1.2rem;
}
/*链接卡片*/
@ -382,11 +382,11 @@ i.iconfont.icon-link {
}
span.link-name {
font-size: 1.2rem;
font-size: 1.1rem;
}
.link-card:hover span.link-name {
font-size: 1.25rem;
font-size: 1.15rem;
}
/*更多页面*/
@ -508,7 +508,7 @@ span.link-name {
display: flex;
flex-direction: column;
line-height: 40px;
font-size: 1.25rem;
font-size: 1.10rem;
}
.closebox {
@ -629,7 +629,7 @@ footer {
.lrc-show {
/*播放音乐时底栏歌词*/
font-size: 1.15rem;
font-size: 1.10rem;
}
/*弹窗样式*/

View File

@ -65,7 +65,8 @@
<div class="inner three"></div>
</div>
<div class="loading-word">
<p class="loading-title">無名の主页</p>加载中
<p class="loading-title">無名の主页</p>
<span id="loading-text">加载中</span>
</div>
</div>
</div>
@ -88,8 +89,8 @@
<!--介绍信息-->
<div class="message cards" id="switchmore">
<div class="des" id="des"><i class="iconfont icon-yinhao-copy-copy"></i>
<p class="des-title"><span id="change">Hello&nbsp;World&nbsp;!</span><br /><span
id="change1">一个建立于 21 世纪的小站,存活于互联网的边缘</span></p>
<div class="des-title"><span id="change">Hello&nbsp;World&nbsp;!</span><br /><span
id="change1">一个建立于 21 世纪的小站,存活于互联网的边缘</span></div>
<i class="iconfont icon-yinhao-copy"></i>
</div>
</div>

View File

@ -4,6 +4,10 @@ window.addEventListener('load', function () {
$('#section').css("cssText", "transform: scale(1) !important;opacity: 1 !important;filter: blur(0px) !important");
}, false)
setTimeout(function () {
$('#loading-text').html("字体及文件加载可能需要一定时间")
}, 2000);
//弹窗样式
iziToast.settings({
timeout: 10000,