Skip to content

Commit

Permalink
v1.3
Browse files Browse the repository at this point in the history
  • Loading branch information
底层用户 committed Oct 3, 2021
1 parent 2a6eaba commit cfae7cc
Show file tree
Hide file tree
Showing 5 changed files with 167 additions and 150 deletions.
62 changes: 34 additions & 28 deletions css/mobile.css
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,7 @@
@charset"utf-8";

/*小于1400px时*/
@media (max-width: 1400px) {

/*时钟显示*/
span#win_text,
span#win_speed {
display: none;
}
}
@media (max-width: 1400px) {}

/*小于1200px时*/
@media (max-width: 1200px) {
Expand All @@ -21,11 +14,6 @@
max-width: 1100px !important;
}

/*天气模块*/
.weather {
display: none;
}

.weekday {
display: none;
}
Expand All @@ -34,10 +22,11 @@
/*小于992px时*/
@media (max-width: 992px) {

/*简介不可点击*/
/*简介不可点击
.message {
pointer-events: none;
}
*/

/*一言*/
.col.hitokotos {
Expand All @@ -63,6 +52,25 @@
}
}

/*小于840px时*/
@media (max-width: 840px) {


/*社交链接*/
.social {
max-width: 100%;
justify-content: center;
}

#link-text {
display: none !important;
}

.link i {
margin: 0px 20px;
}
}

/*小于789px时*/
@media (max-width: 789px) {

Expand Down Expand Up @@ -115,20 +123,6 @@
}
*/

/*社交链接*/
.social {
max-width: 100%;
justify-content: center;
}

#link-text {
display: none !important;
}

.link i {
margin: 0px 20px;
}

/*菜单栏按钮*/
.menu {
display: flex;
Expand All @@ -144,6 +138,11 @@
border-radius: 6px;
font-size: 1.25rem;
transition: 0.5s;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
}

/*页脚文字*/
Expand All @@ -157,6 +156,12 @@
.menu {
display: none !important;
}

/*时钟显示*/
span#win_text,
span#win_speed {
display: none;
}
}

/*小于390px时*/
Expand Down Expand Up @@ -200,6 +205,7 @@

.menus .logo {
display: inline !important;
text-align: center;
position: fixed;
top: 8%;
font-family: 'Pacifico-Regular';
Expand Down
1 change: 1 addition & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,7 @@ main {

.row {
align-items: center;
justify-content: center;
width: 100%;
}

Expand Down
36 changes: 19 additions & 17 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,7 @@
</div>
</div>
<!--介绍信息-->
<div class="message cards" onclick="switchMore()">
<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>
Expand Down Expand Up @@ -112,6 +112,10 @@
</div>
</div>
</div>
<!--第二屏 Logo-->
<div class="logo cards" style="display: none" id="changemore">
<a>imsyy.top</a>
</div>
<div class="col right">
<div class="main-right">
<!--功能区-->
Expand Down Expand Up @@ -194,10 +198,10 @@
</a>
</div>
<div class="col">
<a href="https://blog.imsyy.top/about/" target="_blank">
<a href="https://photo.imsyy.top/" target="_blank">
<div class="link-card cards">
<i class="fad fa-info-circle"></i>
<span class="link-name">关于</span>
<i class="fad fa-image"></i>
<span class="link-name">相册</span>
</div>
</a>
</div>
Expand All @@ -207,17 +211,14 @@
</div>
</div>
<!--展开菜单按钮-->
<div class="menu">
<a class="munu-button cards" id="menu" onclick="switchMenu()"><i class="fad fa-bars"></i></a>
</div>
<!--第二屏 Logo-->
<div class="logo cards" style="display: none" onclick="changeMore()">
<a>imsyy.top</a>
<div class="menu" id="switchmenu">
<a class="munu-button cards" id="menu"><i class="fad fa-bars"></i></a>
</div>
<!--更多内容-->
<div class="more cards" id="more">
<!--关闭按钮-->
<div class="close fixed-top" onclick="switchMore()" id="close"><i class="fad fa-times-circle"></i>
<div class="close fixed-top" id="close">
<i class="fad fa-times-circle"></i>
</div>
<div class="line" style="margin-top: 1rem;">
<i class="fad fa-grip-lines-vertical"></i>
Expand Down Expand Up @@ -279,7 +280,7 @@
</a>
</div>
<div class="col">
<a onclick="openBox()">
<a id="openmore">
<div class="link-card cards">
<span class="link-name">更多</span>
</div>
Expand All @@ -291,21 +292,22 @@
<div class="box" id="box" style="display: none">
<div class="box-wrapper">
<!--关闭按钮-->
<div class="closebox fixed-top" onclick="closeBox()">
<div class="closebox fixed-top" id="closemore">
<i class="fad fa-times-circle"></i>
</div>
<!--更新日志-->
<div class="img-title">
<span class="img-title">imsyy</span>
<span class="img-text">.top</span>
<span class="img-text">&nbsp;&nbsp;v&nbsp;1.2</span>
<span class="img-text">&nbsp;&nbsp;v&nbsp;1.3</span>
</div>
<div class="upnote">
<span class="uptext"><i class="fad fa-plus-circle"></i>&nbsp;点击左侧简介可弹出隐藏页面</span>
<span class="uptext"><i class="fad fa-plus-circle"></i>&nbsp;新增时间胶囊（ 时光进度条 ）</span>
<span class="uptext"><i class="fad fa-plus-circle"></i>&nbsp;隐藏页面新增更多页面弹窗</span>
<span class="uptext"><i class="fad fa-plus-circle"></i>&nbsp;点击左侧简介可弹出更多页面</span>
<span class="uptext"><i class="fad fa-plus-circle"></i>&nbsp;修复时间胶囊（ 时光进度条 ）</span>
<span class="uptext"><i class="fad fa-plus-circle"></i>&nbsp;隐藏页面新增全屏弹窗</span>
<span class="uptext"><i class="fad fa-wrench"></i>&nbsp;星期进度条显示错误</span>
<span class="uptext"><i class="fad fa-wrench"></i>&nbsp;移动端动画及细节</span>
<span class="uptext"><i class="fad fa-wrench"></i>&nbsp;Js&nbsp;文件优化</span>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit cfae7cc

Please sign in to comment.