Akatsuki-Misaki/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新页面

Browse Source
This commit is contained in:
hanasaki-misaki
2023-03-17 22:50:05 +08:00
parent 1ff4a2909d
commit fb976f505e
11 changed files with 1341 additions and 547 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
ui.html
View File

@@ -14,17 +14,17 @@
</style>
<script>
// Home navigation bar scrolling hidden
window.onscroll = function () {
var t = document.documentElement.scrollTop || document.body.scrollTop;
if (t > 0) {
document.getElementById("p-d").style.paddingTop = "0px";
document.getElementById("p-d").style.paddingBottom = "0px";
} else {
document.getElementById("p-d").style.paddingTop = "64px";
document.getElementById("p-d").style.paddingBottom = "64px";
}
}
/* Navigation bar script, hide when scrolling down, show when scrolling up */
// var prevScrollpos = window.pageYOffset;
// window.onscroll = function() {
// var currentScrollPos = window.pageYOffset;
// if (prevScrollpos > currentScrollPos) {
// document.getElementsByClassName("topnav")[0].style.top = "0";
// } else {
// document.getElementsByClassName("topnav")[0].style.top = "-50px";
// }
// prevScrollpos = currentScrollPos;
// }
</script>
</head>
@@ -57,6 +57,9 @@
<a href="./contact.html" class="mdui-ripple ">
<label>联系/contact</label>
</a>
<a href="./message.html" class="mdui-ripple ">
<label>寄语/message</label>
</a>
<div class="mdui-tab-indicator"></div>
</div>
</div>
@@ -87,8 +90,9 @@
<a href="./index.html" class=" mdui-list-item mdui-ripple ">首页/Home</a>
<a href="./project.html" class=" mdui-list-item mdui-ripple ">项目/Project</a>
<a href="./news.html" class=" mdui-list-item mdui-ripple ">情报/News</a>
<a href="./contact.html" class=" mdui-list-item mdui-ripple ">联系/Contact</a>
<a href="./staff.html" class=" mdui-list-item mdui-ripple ">组员/Staff</a>
<a href="./contact.html" class=" mdui-list-item mdui-ripple ">联系/Contact</a>
<a href="./message.html" class=" mdui-list-item mdui-ripple ">寄语/message</a>
</div>
</div>
</div>
@@ -101,26 +105,19 @@
<div class="mdui-hidden-xs-down zhe " style="height:100vh">
<div class="mdui-container">
<ul class="mdui-list">
<div class="mdui-chip">
<img class="mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/>
<span class="mdui-chip-title">Akatsuki-Misaki</span>
</div>
<div class="mdui-chip">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/>
<span class="mdui-chip-title">Cheng</span>
</div>
<div class="mdui-chip">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/>
<span class="mdui-chip-title">yuanzhi</span>
</div>
<div class="mdui-chip">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/>
<span class="mdui-chip-title">CcranesQ</span>
</div>
<div class="mdui-chip">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/>
<span class="mdui-chip-title">Cheng</span>
</div>
<li class="mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
<a href="#">
<div class="mdui-list-item-content">
<a href="#">
<div class="mdui-list-item-title">暂无内容</div>
<div class="mdui-list-item-text mdui-list-item-one-line">
<span>2023-03-13</span>
</div>
</a>
</div>
</a>
</li>
</ul>
</div>
</div>
@@ -167,11 +164,13 @@
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="Static\mdui-v1.0.1\js\mdui.min.js"></script>
<script src="Static\mdui-v1.0.1\js\WOW.js"></script>
<script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js"></script>
<script src="https://npm.akass.cn/jquery@3.6.4/dist/jquery.min.js"></script>
<script src="Static\mdui-v1.0.1\js\wow.js" type="text/javascript"></script>
<script src="Static\mdui-v1.0.1\js\mdui.min.js" type="text/javascript"></script>
<script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
<script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script>
<script>
// 初始化 WOW.js
new WOW().init();
</script>
</body>