coder-xiaomo/tools
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity GitHub Gitee

添加B站排行榜页面（内容是微博热搜的，需要更新）

Browse Source
This commit is contained in:
小墨
2022-07-29 16:31:06 +08:00
parent f2dcfe274e
commit 8f808a0422
3 changed files with 336 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@@ -39,7 +39,6 @@
background-color: #fdfdfd;
box-shadow: 0 -2px 10px 0 rgb(0 0 0 / 10%);
display: grid;
grid-template-columns: repeat(2, 1fr);
place-items: center;
}
@@ -73,18 +72,24 @@
<div id="iframe-container">
<!-- <iframe src="html/weibo.html" frameborder="0"></iframe> -->
</div>
<div id="float-container" class="bt">
<div id="float-container" class="bt" style="grid-template-columns: repeat(3, 1fr);">
<div class="navbar-item" targetPage="weibo_hotband">
<img class="navbar-image" src="./html/assets/image/weibo.svg" />
<p class="navbar-title">微博</p>
<p class="navbar-title">微博热搜</p>
</div>
<div class="navbar-item" targetPage="bilibili_rank">
<img class="navbar-image" src="./html/assets/image/icon_rank.png" />
<p class="navbar-title">B站排行</p>
</div>
<div class="navbar-item" targetPage="bilibili_hotband">
<img class="navbar-image" src="./html/assets/image/bilibili.svg" style="transform: scale(0.84);" />
<p class="navbar-title">B站</p>
<img class="navbar-image" src="./html/assets/image/bilibili.svg" style="transform: scale(0.87);" />
<p class="navbar-title">B站热搜</p>
</div>
</div>
</div>
<script>
let pages = ['weibo_hotband', 'bilibili_rank', 'bilibili_hotband'];
let navbarItems = document.querySelectorAll('.navbar-item');
let iframeContainer = document.querySelector('#iframe-container');
let iframe = document.querySelector('iframe');
@@ -123,7 +128,6 @@
// 根据 URL 参数切换页面
function locationToPageByUrlParam() {
let pages = ['weibo_hotband', 'bilibili_hotband'];
// 获取 url 中的 target 参数
let url = new URL(window.location.href);
let target = url.searchParams.get('target');