mirror of
https://gitee.com/dromara/sa-token.git
synced 2024-11-30 02:48:10 +08:00
优化文档样式
This commit is contained in:
parent
0d1d0fb365
commit
6cda25dc9e
@ -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)
|
||||||
|
@ -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;}
|
|
||||||
|
|
||||||
|
@ -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>'
|
||||||
|
@ -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;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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) {
|
||||||
|
Loading…
Reference in New Issue
Block a user