优化文档样式

This commit is contained in:
shengzhang 2020-10-03 01:36:37 +08:00
parent 0d1d0fb365
commit 6cda25dc9e
5 changed files with 64 additions and 56 deletions

View File

@ -10,8 +10,8 @@
- [权限验证](/use/jur-auth) - [权限验证](/use/jur-auth)
- [session会话](/use/session) - [session会话](/use/session)
- [踢人下线](/use/kick) - [踢人下线](/use/kick)
- [持久层扩展](/use/dao-extend) - [持久层扩展(集成redis)](/use/dao-extend)
- [无cookie模式](/use/not-cookie) - [无cookie模式(前后台分离)](/use/not-cookie)
- [模拟他人](/use/mock-person) - [模拟他人](/use/mock-person)
- [多账号验证](/use/many-account) - [多账号验证](/use/many-account)
- [注解式鉴权](/use/at-check) - [注解式鉴权](/use/at-check)

View File

@ -7,8 +7,4 @@
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.logo-box {display: none;} .logo-box {display: none;}
} }
.main-box .markdown-section{max-width: 1000px; padding: 30px 20px;}
.main-box img{max-width: 600px; margin: 0.5em; box-shadow: 0 0 3px #999; transition: all 0.3s;}
.main-box img:hover{box-shadow: 0 0 10px #333; cursor: pointer;}

View File

@ -25,7 +25,9 @@
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a> <a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a>
<a href="/doc/#/more/update-log">更新日志</a> <a href="/doc/#/more/update-log">更新日志</a>
</nav> </nav>
<div class="main-box">
<div id="app">加载中...</div> <div id="app">加载中...</div>
</div>
<script> <script>
var name = '<img style="width: 50px; height: 50px; vertical-align: middle;" src="logo.png" alt="logo" /> '; var name = '<img style="width: 50px; height: 50px; vertical-align: middle;" src="logo.png" alt="logo" /> ';
name += '<b style="font-size: 24px; vertical-align: middle;">sa-token</b> <sub>v1.4.0</sub>' name += '<b style="font-size: 24px; vertical-align: middle;">sa-token</b> <sub>v1.4.0</sub>'

View File

@ -8,11 +8,14 @@ header{height: 70px; border: 0px #000 solid; position: fixed; width: 100%;}
.logo-box img {width: 50px; height: 50px; vertical-align: middle;} .logo-box img {width: 50px; height: 50px; vertical-align: middle;}
.logo-box .logo-text {display: inline-block;vertical-align: middle; font-size: 22px;font-weight: 400;} .logo-box .logo-text {display: inline-block;vertical-align: middle; font-size: 22px;font-weight: 400;}
/* 右边导航 */ /* 右边导航 */
.nav-right{float: right; line-height: 70px; padding-right: 4.5em;} .nav-right{float: right; line-height: 70px; padding-right: 4.5em; white-space: nowrap;}
.nav-right a{padding: 0px 1em; color: #34495E; text-decoration: none; transition: all 0.2s;} .nav-right a{padding: 0px 1em; color: #34495E; text-decoration: none; transition: all 0.2s;}
.nav-right a:hover{color: #42B983;} .nav-right a:hover{color: #42B983;}
/* 主要 */ /* 主要 */
html,body,.main-box{width: 100%; height: 100%; } html{width: 100%; height: 100vh;}
body{width: 100%; min-height: 100vh;}
body:not(.ready) {overflow: auto;}
.main-box{width: 100%; height: 100vh;}
.main-box{display: flex; align-items: center; text-align: center;} .main-box{display: flex; align-items: center; text-align: center;}
.main-box .content-box{flex: 1;} .main-box .content-box{flex: 1;}
@ -56,5 +59,10 @@ footer a:hover{text-decoration: underline;}
/* 媒体查询 */ /* 媒体查询 */
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.logo-box,.copyright {display: none;} .logo-box,.copyright {display: none;}
.main-box{ height: auto;}
.content-box{ padding: 2em 1em;}
.content-box h1{font-size: 70px;}
header{position: static;}
footer{position: static; line-height: 40px;}
} }

View File

@ -14,6 +14,7 @@
</head> </head>
<body> <body>
<div style="height: 100vh; overflow: auto;">
<header> <header>
<a href="/" style="text-decoration: none;"> <a href="/" style="text-decoration: none;">
<div class="logo-box"> <div class="logo-box">
@ -65,6 +66,7 @@
</p> </p>
</footer> </footer>
</div>
<script> <script>
// 随机数 // 随机数
function randomNum(minNum, maxNum) { function randomNum(minNum, maxNum) {