优化文档样式

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)
- [session会话](/use/session)
- [踢人下线](/use/kick)
- [持久层扩展](/use/dao-extend)
- [无cookie模式](/use/not-cookie)
- [持久层扩展(集成redis)](/use/dao-extend)
- [无cookie模式(前后台分离)](/use/not-cookie)
- [模拟他人](/use/mock-person)
- [多账号验证](/use/many-account)
- [注解式鉴权](/use/at-check)

View File

@ -7,8 +7,4 @@
@media screen and (max-width: 800px) {
.logo-box {display: none;}
}
.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;}
.main-box .markdown-section{max-width: 1000px; padding: 30px 20px;}

View File

@ -25,7 +25,9 @@
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a>
<a href="/doc/#/more/update-log">更新日志</a>
</nav>
<div class="main-box">
<div id="app">加载中...</div>
</div>
<script>
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>'

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 .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: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 .content-box{flex: 1;}
@ -56,5 +59,10 @@ footer a:hover{text-decoration: underline;}
/* 媒体查询 */
@media screen and (max-width: 800px) {
.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>
<body>
<div style="height: 100vh; overflow: auto;">
<header>
<a href="/" style="text-decoration: none;">
<div class="logo-box">
@ -65,6 +66,7 @@
</p>
</footer>
</div>
<script>
// 随机数
function randomNum(minNum, maxNum) {