优化主页样式以及NAV头样式

This commit is contained in:
2022-06-05 14:58:13 +08:00
parent bc3650e737
commit 8f4c18fb2e
4 changed files with 6 additions and 7 deletions

View File

@@ -5,7 +5,7 @@ body {
} }
main { main {
opacity: 0.9; opacity: 0.95;
} }
#login_box { #login_box {
@@ -13,5 +13,5 @@ main {
border-radius: 15px; /*div圆角*/ border-radius: 15px; /*div圆角*/
background: #56666B; background: #56666B;
color: white; color: white;
opacity: 0.9; opacity: 0.95;
} }

View File

@@ -3,8 +3,7 @@
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5"> xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<!-- 导航栏 --> <!-- 导航栏 -->
<nav th:fragment="header" class="navbar sticky-top navbar-expand-lg navbar-light" <nav th:fragment="header" class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
style="opacity: 0.9;background-color: #ffffff;box-shadow: 0px -2px 10px #d0cccc;">
<div class="container"> <div class="container">
<!--标题--> <!--标题-->
<a class="navbar-brand"> <a class="navbar-brand">

View File

@@ -47,7 +47,7 @@
<div th:replace="~{common/header::header(activeUrl='index.html')}"></div> <div th:replace="~{common/header::header(activeUrl='index.html')}"></div>
<main role="main"> <main role="main">
<div class="container "> <div class="container">
<div class="jumbotron jumbotron-fluid mt-5"> <div class="jumbotron jumbotron-fluid mt-5">
<div class="container"> <div class="container">
<h2 style="margin: 0;padding: 0;text-align: center;color: #3A3A3A;font-size: 30px;"> <h2 style="margin: 0;padding: 0;text-align: center;color: #3A3A3A;font-size: 30px;">
@@ -136,7 +136,7 @@
<script th:src="@{/live/js/addlive2d.js}"></script> <script th:src="@{/live/js/addlive2d.js}"></script>
<script> <script>
var typed = new Typed('.element', { var typed = new Typed('.element', {
strings: ["从前有座山,山里有座庙,庙里有个老和尚给小和尚讲故事...", "Quinn注册流程,技术博客,交流反馈。可点击下方了解详情↓"], //输入内容, 支持html标签 strings: ["Quinn注册流程技术博客交流反馈。可点击下方了解详情↓"], //输入内容, 支持html标签
typeSpeed: 120, //打字速度 typeSpeed: 120, //打字速度
backSpeed: 50 //回退速度 backSpeed: 50 //回退速度
}); });

View File

@@ -19,7 +19,7 @@
<div class="row border-bottom border-gray pb-2 mt-1"> <div class="row border-bottom border-gray pb-2 mt-1">
<div class="col-md-6">表情数据来源自GITHUB</div> <div class="col-md-6">表情数据来源自GITHUB</div>
<input id="findBucket" th:value="${findBucket}" class="col-md-3 form-control" placeholder="请输入要查询的表情"> <input id="findBucket" th:value="${findBucket}" class="col-md-3 form-control" placeholder="请输入要查询的表情">
<button class="ml-2 col-md-2 btn-sm btn-dark" onclick="navChange(-777)" >找一找</button> <button class="ml-2 col-md-2 btn-sm btn-primary" onclick="navChange(-777)" >找一找</button>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-3 small pl-2 border-bottom border-gray pb-2 pt-2" th:each="record:${recordList}"> <div class="col-md-3 small pl-2 border-bottom border-gray pb-2 pt-2" th:each="record:${recordList}">