更换字体 & 完善加载动画
This commit is contained in:
parent
3f649c4369
commit
9cf78b28db
12
css/font.css
12
css/font.css
@ -5,13 +5,19 @@
|
|||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "UnidreamLED";
|
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-face {
|
||||||
font-family: "PingFangSC";
|
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-face {
|
||||||
font-family: "iconfont";
|
font-family: "iconfont";
|
||||||
|
@ -17,7 +17,7 @@ p {
|
|||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
color: #efefef;
|
color: #efefef;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
font-family: 'PingFangSC';
|
font-family: 'MiSans';
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
@ -140,10 +140,10 @@ span.img-text {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
p.des-title {
|
.des-title {
|
||||||
margin: 1rem 1rem;
|
margin: 1rem 1rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
font-size: 1.10rem;
|
/*font-size: 1.10rem;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
span#change {
|
span#change {
|
||||||
@ -203,7 +203,7 @@ i.iconfont.icon-yinhao-copy {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hitokoto-text {
|
.hitokoto-text {
|
||||||
font-size: 1.2rem;
|
font-size: 1.10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hitokoto-from {
|
.hitokoto-from {
|
||||||
@ -293,7 +293,7 @@ i#next {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.music-text {
|
.music-text {
|
||||||
font-size: 1.15rem;
|
font-size: 1.10rem;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
max-width: 220px;
|
max-width: 220px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
@ -344,18 +344,18 @@ span.time-text {
|
|||||||
.line {
|
.line {
|
||||||
margin: 1rem 0.25rem;
|
margin: 1rem 0.25rem;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
font-size: 1.2rem;
|
font-size: 1.10rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.line-text {
|
span.line-text {
|
||||||
font-size: 1.35rem;
|
font-size: 1.2rem;
|
||||||
margin: 0px 6px;
|
margin: 0px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
i.iconfont.icon-link {
|
i.iconfont.icon-link {
|
||||||
font-size: 1.4rem;
|
font-size: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*链接卡片*/
|
/*链接卡片*/
|
||||||
@ -382,11 +382,11 @@ i.iconfont.icon-link {
|
|||||||
}
|
}
|
||||||
|
|
||||||
span.link-name {
|
span.link-name {
|
||||||
font-size: 1.2rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-card:hover span.link-name {
|
.link-card:hover span.link-name {
|
||||||
font-size: 1.25rem;
|
font-size: 1.15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*更多页面*/
|
/*更多页面*/
|
||||||
@ -508,7 +508,7 @@ span.link-name {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-size: 1.25rem;
|
font-size: 1.10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.closebox {
|
.closebox {
|
||||||
@ -629,7 +629,7 @@ footer {
|
|||||||
|
|
||||||
.lrc-show {
|
.lrc-show {
|
||||||
/*播放音乐时底栏歌词*/
|
/*播放音乐时底栏歌词*/
|
||||||
font-size: 1.15rem;
|
font-size: 1.10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*弹窗样式*/
|
/*弹窗样式*/
|
||||||
|
@ -65,7 +65,8 @@
|
|||||||
<div class="inner three"></div>
|
<div class="inner three"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="loading-word">
|
<div class="loading-word">
|
||||||
<p class="loading-title">無名の主页</p>加载中
|
<p class="loading-title">無名の主页</p>
|
||||||
|
<span id="loading-text">加载中</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -88,8 +89,8 @@
|
|||||||
<!--介绍信息-->
|
<!--介绍信息-->
|
||||||
<div class="message cards" id="switchmore">
|
<div class="message cards" id="switchmore">
|
||||||
<div class="des" id="des"><i class="iconfont icon-yinhao-copy-copy"></i>
|
<div class="des" id="des"><i class="iconfont icon-yinhao-copy-copy"></i>
|
||||||
<p class="des-title"><span id="change">Hello World !</span><br /><span
|
<div class="des-title"><span id="change">Hello World !</span><br /><span
|
||||||
id="change1">一个建立于 21 世纪的小站,存活于互联网的边缘</span></p>
|
id="change1">一个建立于 21 世纪的小站,存活于互联网的边缘</span></div>
|
||||||
<i class="iconfont icon-yinhao-copy"></i>
|
<i class="iconfont icon-yinhao-copy"></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -4,6 +4,10 @@ window.addEventListener('load', function () {
|
|||||||
$('#section').css("cssText", "transform: scale(1) !important;opacity: 1 !important;filter: blur(0px) !important");
|
$('#section').css("cssText", "transform: scale(1) !important;opacity: 1 !important;filter: blur(0px) !important");
|
||||||
}, false)
|
}, false)
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
|
$('#loading-text').html("字体及文件加载可能需要一定时间")
|
||||||
|
}, 2000);
|
||||||
|
|
||||||
//弹窗样式
|
//弹窗样式
|
||||||
iziToast.settings({
|
iziToast.settings({
|
||||||
timeout: 10000,
|
timeout: 10000,
|
||||||
|
Loading…
Reference in New Issue
Block a user