Skip to content

Commit

Permalink
新增 壁纸设置
Browse files Browse the repository at this point in the history
  • Loading branch information
底层用户 committed Apr 14, 2022
1 parent dbdf84c commit bd4ad30
Show file tree
Hide file tree
Showing 26 changed files with 404 additions and 50 deletions.
10 changes: 3 additions & 7 deletions css/firefox.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
#section {
background-image: url(../img/background.jpg) !important;
}

.message,
.time,
.hitokoto,
Expand All @@ -10,13 +6,13 @@
.more,
.box-wrapper,
footer {
background: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.3);
}

.link-card:hover {
background: rgb(0, 0, 0, 0.6);
background: rgb(0, 0, 0, 0.4);
}

.progress {
background: rgba(0, 0, 0, 0.5) !important;
background: rgba(0, 0, 0, 0.2) !important;
}
82 changes: 73 additions & 9 deletions css/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@charset"utf-8";
@charset "utf-8";

/*全局样式*/
html,
Expand Down Expand Up @@ -38,12 +38,11 @@ a:hover {
transition: 0.5s;
}

#section {
/*background-image: url(https://api.ixiaowai.cn/gqapi/gqapi.php), url(../img/background.jpg);*/
background-image: url(https://api.dujin.org/bing/1920.php), url(../img/background.jpg);
/* #section {
background-image: url(https://api.dujin.org/bing/1920.php), url(../img/background1.webp);
background-repeat: no-repeat;
background-position: center center;
}
} */

.noscript {
z-index: 999999;
Expand All @@ -52,6 +51,45 @@ a:hover {
margin: 14px 0px;
}

/*背景*/
.bg-all {
z-index: 0;
position: absolute;
top: calc(0px + 0px);
left: 0;
width: 100%;
height: calc(100% - 0px);
transition: .25s;
}

#bg {
transform: scale(1.10);
filter: blur(10px);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s, transform .25s, filter .25s;
backface-visibility: hidden;
}

img.error {
display: none;
}

.cover {
opacity: 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%), radial-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .3) 166%);
transition: .25s;
}

/*页面样式*/
section {
display: block;
Expand Down Expand Up @@ -662,10 +700,6 @@ i.iconfont.icon-github1 {
padding: 0rem 1.5rem;
}

.set-text {
text-align: center;
}

.btn-group,
.btn-group-vertical {
margin-top: 10px;
Expand Down Expand Up @@ -694,6 +728,36 @@ i.iconfont.icon-github1 {
border-color: #eeeeee !important;
}

#wallpaper {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}

.form-radio {
flex: 1 1 0%;
width: 31.3%;
min-width: 31.3%;
max-width: 31.3%;
text-align: center;
margin: 1%;
}

input[type="radio"]+label {
padding: 6px 10px;
background: #ffffff26;
border-radius: 8px;
transition: 0.3s;
border: 2px solid transparent;
width: 100%;
}

input[type="radio"]:checked+label {
background: #ffffff06;
border: 2px solid #eeeeee;
}

/*更新日志*/
.upnote {
display: flex;
Expand Down
Binary file removed img/background.jpg
View file
Binary file not shown.
Binary file added img/background1.webp
View file
Binary file not shown.
Binary file added img/background10.webp
View file
Binary file not shown.
Binary file added img/background2.webp
View file
Binary file not shown.
Binary file added img/background3.webp
View file
Binary file not shown.
Binary file added img/background4.webp
View file
Binary file not shown.
Binary file added img/background5.webp
View file
Binary file not shown.
Binary file added img/background6.webp
View file
Binary file not shown.
Binary file added img/background7.webp
View file
Binary file not shown.
Binary file added img/background8.webp
View file
Binary file not shown.
Binary file added img/background9.webp
View file
Binary file not shown.
0 img/apple-touch-icon.png → img/icon/apple-touch-icon.png
View file
File renamed without changes
0 img/candle.png → img/icon/candle.png
View file
File renamed without changes
0 img/favicon.ico → img/icon/favicon.ico
View file
File renamed without changes.
0 img/logo.png → img/icon/logo.png
View file
File renamed without changes
0 img/music.png → img/icon/music.png
View file
File renamed without changes
0 img/pause.png → img/icon/pause.png
View file
File renamed without changes
0 img/play.png → img/icon/play.png
View file
File renamed without changes
0 img/warn.png → img/icon/warn.png
View file
File renamed without changes
63 changes: 38 additions & 25 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<link rel="stylesheet" type="text/css" href="./css/animation.css">
<link rel="stylesheet" type="text/css" href="./css/cursor.css">
<link rel="icon" href="./favicon.ico">
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
<link rel="apple-touch-icon" href="./img/icon/apple-touch-icon.png">
<!-- Izitoast -->
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/izitoast/1.4.0/css/iziToast.min.css">
<script type="text/javascript"
Expand Down Expand Up @@ -60,8 +60,13 @@
</div>
</div>
</div>
<!--加载动画结束-->
<section id="section" class="section">
<!-- 背景图片 -->
<div class="bg-all">
<img id="bg" onerror="this.classList.add('error');"></img>
<div class="cover"></div>
</div>
<!--主体内容-->
<main id="main" class="main">
<div class="container" id="container">
<div class="row" id="row">
Expand All @@ -70,7 +75,7 @@
<div class="main-left">
<!--Logo-->
<div class="main-img">
<img src="./img/logo.png" alt="img">
<img src="./img/icon/logo.png" alt="img">
<div class="img-title">
<span class="img-title">imsyy</span>
<span class="img-text">.top</span>
Expand Down Expand Up @@ -170,9 +175,9 @@
<span id="city_text">天气</span>&nbsp;
<span id="wea_text">加载失败</span>&nbsp;
<span id="tem_night"></span>°C~
<span id="tem_day"></span>°C&nbsp;
<span id="win_text"></span>
<span id="win_speed"></span>
<span id="tem_day"></span>°C
<!-- <span id="win_text"></span>
<span id="win_speed"></span> -->
</div>
</div>
</div>
Expand Down Expand Up @@ -359,27 +364,34 @@ <h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">
个性设置 - 尚未实现
壁纸设置
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show"
aria-labelledby="headingOne" data-bs-parent="#accordion">
<div class="accordion-body">
<div class="set">
<div class="set-text">壁纸个性化</div>
<div class="btn-group" role="group"
aria-label="Basic radio toggle button group">
<input type="radio" class="btn-check" name="btnradio" id="btnradio1"
autocomplete="off" checked>
<label class="btn btn-outline-primary" for="btnradio1">默认壁纸</label>

<input type="radio" class="btn-check" name="btnradio" id="btnradio2"
autocomplete="off">
<label class="btn btn-outline-primary" for="btnradio2">每日一图</label>

<input type="radio" class="btn-check" name="btnradio" id="btnradio3"
autocomplete="off">
<label class="btn btn-outline-primary" for="btnradio3">随机动漫</label>
<div class="wallpaper" id="wallpaper">
<div class="form-radio">
<input type="radio" class="set-wallpaper" style="display: none;"
id="radio1" value="1" name="wallpaper-type">
<label for="radio1">默认壁纸</label>
</div>
<div class="form-radio">
<input type="radio" class="set-wallpaper" style="display: none;"
id="radio2" value="2" name="wallpaper-type">
<label for="radio2">每日一图</label>
</div>
<div class="form-radio">
<input type="radio" class="set-wallpaper" style="display: none;"
id="radio3" value="3" name="wallpaper-type">
<label for="radio3">随机风景</label>
</div>
<div class="form-radio">
<input type="radio" class="set-wallpaper" style="display: none;"
id="radio4" value="4" name="wallpaper-type">
<label for="radio4">随机动漫</label>
</div>
</div>
</div>
</div>
Expand All @@ -399,17 +411,16 @@ <h2 class="accordion-header" id="headingTwo">
<div class="accordion-body">
<div class="upnote">
<span class="uptext"><i
class="iconfont icon-plus"></i>&nbsp;音乐播放器支持音量控制</span>
class="iconfont icon-plus"></i>&nbsp;壁纸个性化设置</span>
<span class="uptext"><i
class="iconfont icon-plus"></i>&nbsp;新增动态跟随鼠标样式</span>
class="iconfont icon-plus"></i>&nbsp;音乐播放器支持音量控制</span>
<span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;修复
CDN 加载缓慢</span>
<span class="uptext"><i
class="iconfont icon-wrench-fill"></i>&nbsp;时光胶囊显示错误</span>
<span class="uptext"><i
class="iconfont icon-wrench-fill"></i>&nbsp;移动端动画及细节</span>
<span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;图标改为
Iconfont</span>
<span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;优化部分动画及细节</span>
<span class="uptext"><i class="iconfont icon-undo"></i>&nbsp;<a
href="./old/" style="color:#efefef">点击此处返回旧版站点</a></span>
</div>
Expand Down Expand Up @@ -446,6 +457,8 @@ <h2 class="accordion-header" id="headingTwo">
<!-- JS -->
<script type="text/javascript" src="./js/main.js"></script>
<script type="text/javascript" src="./js/time.js"></script>
<script type="text/javascript" src="./js/js.cookie.js"></script>
<script type="text/javascript" src="./js/set.js"></script>
<script type="text/javascript" src="./js/cursor.js"></script>
<script type="text/javascript"
src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/js/bootstrap.min.js">
Expand Down
Loading

1 comment on commit bd4ad30

@vercel
Copy link

@vercel vercel bot commented on bd4ad30 Apr 14, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

home – ./

www.imsyy.top
home-git-master-imsyy.vercel.app
imsyy.top
home-lac.vercel.app
home-imsyy.vercel.app

Please sign in to comment.