优化文档样式

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 id="app">加载中...</div> <div class="main-box">
<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,57 +14,59 @@
</head> </head>
<body> <body>
<header> <div style="height: 100vh; overflow: auto;">
<a href="/" style="text-decoration: none;"> <header>
<div class="logo-box"> <a href="/" style="text-decoration: none;">
<img src="doc/logo.png" title="logo"> <div class="logo-box">
<span class="logo-text">sa-token</span> <img src="doc/logo.png" title="logo">
</div> <span class="logo-text">sa-token</span>
</a> </div>
<nav class="nav-right">
<a href="/">首页</a>
<a href="/doc/">文档</a>
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a>
<a href="/doc/#/more/update-log">更新日志</a>
<!-- github小猫图标 -->
<a href="https://github.com/click33/sa-token" class="github-corner" aria-label="View source on Github" style="position: fixed; right: -16px;">
<svg viewBox="0 0 250 250" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg>
</a> </a>
</nav> <nav class="nav-right">
</header> <a href="/">首页</a>
<a href="/doc/">文档</a>
<!-- 内容部分 -->
<div class="main-box">
<div class="content-box">
<h1>sa-token<small>v1.4.0</small></h1>
<div class="sub-title">一个JavaWeb权限认证框架强大、简单、好用</div>
<!-- <p>0配置开箱即用低学习成本</p> -->
<p>登录验证、权限验证、自定义session会话、踢人下线、持久层扩展、无cookie模式、模拟他人账号、多账号体系、注解式鉴权、Spring集成...</p>
<p>零配置开箱即用,覆盖所有应用场景,你所需要的功能,这里都有</p>
<div class="btn-box">
<a href="https://github.com/click33/sa-token" target="_blank">GitHub</a>
<a href="https://gitee.com/sz6/sa-token" target="_blank">码云</a>
<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/" target="_self">开发文档</a> <a href="/doc/#/more/update-log">更新日志</a>
<!-- github小猫图标 -->
<a href="https://github.com/click33/sa-token" class="github-corner" aria-label="View source on Github" style="position: fixed; right: -16px;">
<svg viewBox="0 0 250 250" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg>
</a>
</nav>
</header>
<!-- 内容部分 -->
<div class="main-box">
<div class="content-box">
<h1>sa-token<small>v1.4.0</small></h1>
<div class="sub-title">一个JavaWeb权限认证框架强大、简单、好用</div>
<!-- <p>0配置开箱即用低学习成本</p> -->
<p>登录验证、权限验证、自定义session会话、踢人下线、持久层扩展、无cookie模式、模拟他人账号、多账号体系、注解式鉴权、Spring集成...</p>
<p>零配置开箱即用,覆盖所有应用场景,你所需要的功能,这里都有</p>
<div class="btn-box">
<a href="https://github.com/click33/sa-token" target="_blank">GitHub</a>
<a href="https://gitee.com/sz6/sa-token" target="_blank">码云</a>
<a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a>
<a href="doc/" target="_self">开发文档</a>
</div>
</div> </div>
</div> </div>
<footer>
<p>
<span class="copyright">Copyright © 2020 &nbsp;</span>
<a href="http://www.miitbeian.gov.cn/" target="_blank">鲁ICP备18046274号-2</a> &nbsp;
QQ交流群<a href="https://jq.qq.com/?_wv=1027&k=45H977HM" target="_blank">1002350610</a>
<!-- QQ交流群<a href="https://jq.qq.com/?_wv=1027&k=5DHN5Ib" target="_blank">782974737</a> -->
</p>
</footer>
</div> </div>
<footer>
<p>
<span class="copyright">Copyright © 2020 &nbsp;</span>
<a href="http://www.miitbeian.gov.cn/" target="_blank">鲁ICP备18046274号-2</a> &nbsp;
QQ交流群<a href="https://jq.qq.com/?_wv=1027&k=45H977HM" target="_blank">1002350610</a>
<!-- QQ交流群<a href="https://jq.qq.com/?_wv=1027&k=5DHN5Ib" target="_blank">782974737</a> -->
</p>
</footer>
<script> <script>
// 随机数 // 随机数
function randomNum(minNum, maxNum) { function randomNum(minNum, maxNum) {