diff --git a/sa-token-doc/doc/_sidebar.md b/sa-token-doc/doc/_sidebar.md index 5b50157f..3e3e024c 100644 --- a/sa-token-doc/doc/_sidebar.md +++ b/sa-token-doc/doc/_sidebar.md @@ -75,6 +75,7 @@ - [框架生态](/more/link) - [框架博客](/more/blog) - [推荐公众号](/more/tj-gzh) + - [加入讨论群](/more/join-group) - [赞助 Sa-Token](/more/sa-token-donate) - **附录** diff --git a/sa-token-doc/doc/more/join-group.md b/sa-token-doc/doc/more/join-group.md new file mode 100644 index 00000000..65a0f36a --- /dev/null +++ b/sa-token-doc/doc/more/join-group.md @@ -0,0 +1,20 @@ +# 加入讨论群 + +加入 Sa-Token 专属讨论群，与众多大佬一起努力 (huá shǔi) 成长 (mō yú)。 + +--- + +### 1、加入QQ交流群 + + +![QQ群](https://oss.dev33.cn/sa-token/qq-group-3.png ':size=180') + +QQ交流群：496757342 [点击加入](https://jq.qq.com/?_wv=1027&k=WNggbsFe) + +### 2、加入微信交流群： + +![微信群](https://oss.dev33.cn/sa-token/wx-qr-300.png ':size=180') + +（扫码添加微信，备注：sa-token，邀您加入群聊） + + diff --git a/sa-token-doc/index.css b/sa-token-doc/index.css index 7ca23902..5886d48b 100644 --- a/sa-token-doc/index.css +++ b/sa-token-doc/index.css @@ -2,6 +2,7 @@ /* 总 */ *{margin: 0px; padding: 0px;} body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica Neue","Arial,sans-serif";} +.z-div{} .s-width{width: 1000px; margin: auto;} /* 栏目标题 */ @@ -35,20 +36,17 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica .github-corner svg{color: #fff; fill: var(--theme-color, #42b983); height: 80px; width: 80px; z-index: 1001 !important;} -/* 手机端不显示广告，和一些其它东西 */ -@media (max-width: 576px) {.wwads-cn,.p-none{display:none!important}} - /* -------- 海报部分 --------- */ -.main-box{width: 100%; min-height: 100vh;; /* height: 80vh; */ text-align: center; background-image: url(https://oss.dev33.cn/sa-token/home-bg.jpg); } +.main-box{width: 100%; /* min-height: 70vh; */ /* height: 80vh; */ text-align: center; background-image: url(https://oss.dev33.cn/sa-token/home-bg.jpg); } .main-box{display: flex; align-items: center; text-align: center; } .fenge{min-height: 90px;} -.content-box{color: #000; flex: 1;} +.content-box{color: #000; flex: 1; padding: 120px 1em 70px;} .content-box h1{font-size: 100px; font-weight: 400; position: relative; margin-top: 40px; /* margin-top: 15vh; */} .content-box h1 small{font-size: 18px; position: absolute; bottom: 10px; margin-left: 5px; font-weight: 100;} /* .title-logo{width: 221px; cursor: pointer; transition: all 0.2s;} .title-logo:hover{transform: scale(1.2, 1.2);} */ -.sub-title{font-size: 22px; font-weight: 400; margin-top: 30px; margin-bottom: 25px; color: #6a8bad; color: #444;} +.sub-title{font-size: 22px; font-weight: 400; margin-top: 30px; margin-bottom: 25px; color: #6a8bad; color: #555;} /* .content-box p{line-height: 30px; padding: 0px 1em;} */ /* 角标位置修复 */ .badge-box a:nth-child(-n+2) img{position: relative; top: 1px;} @@ -63,12 +61,12 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica .btn-box{margin-top: 50px; margin-bottom: 40px;} .btn-box a{border: 1px #42B983 solid; border-radius: 2em; box-sizing: border-box; color: #3eaf7c; display: inline-block;transition: all 0.1s;} .btn-box a{font-size: 14px; background-color: rgba(0,255,0,0.04); letter-spacing: 1px; padding: 1em 2em; margin: 0 0.5em; margin-bottom: 14px; text-decoration: none; } +.btn-box a:hover{/* transform: scale(1.05, 1.05); */padding: 1em 2.3em; margin-left: 0.2em; margin-right: 0.2em;} /* 最后一个加深底色 */ -.btn-box a:last-child {color: #fff; background-color: #42B983; border: 1px green solid;} -.btn-box a:hover{/* transform: scale(1.05, 1.05); */padding: 1em 2.3em; margin: 0 0.2em;} +.btn-box .doc-btn {color: #fff; background-color: #42B983; border: 1px green solid;} /* 按钮发光动画 */ -.btn-box a:last-child{animation: bganimation 3s infinite;} +.btn-box .doc-btn{animation: bganimation 3s infinite;} @keyframes bganimation{ 0%{box-shadow: 0 0 1px #42B983;} 50%{box-shadow: 0 0 20px #42B983;} @@ -89,7 +87,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica .feature-z .s-title{font-size: 30px; font-weight: 400; margin-top: 70px; margin-bottom: 40px;} .feature-z{color: rgb(128, 128, 128); text-align: center; box-sizing: border-box; line-height: 24px; font-size: 16px;} -.feature-box{margin-top: 50px; margin-bottom: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; /* justify-content: flex-start; */} +.feature-box{margin-top: 10px; margin-bottom: 70px; display: flex; flex-wrap: wrap; justify-content: space-between; /* justify-content: flex-start; */} .feature{border: 0px #000 solid; flex: 0 0 33%; text-align: left; padding: 1.8em 1.2em; box-sizing: border-box;} .feature h2{font-size: 22px; color: #000; font-weight: 400;} .feature p{margin-top: 14px; font-size: 16px; color: #4e6e8e;} @@ -105,8 +103,8 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica /* -------- 集成案例 --------- */ .s-case-box{justify-content: space-between;} -.s-case{border: 1px #eee solid; flex: 0 0 31.5%; margin-top: 30px; text-align: left; box-sizing: border-box; padding-bottom: 16px; overflow: hidden;} -.s-case{position: relative;} +.s-case{border: 1px #e5e5e5 solid; flex: 0 0 31.5%; margin-top: 30px; text-align: left; box-sizing: border-box; padding-bottom: 16px; overflow: hidden;} +.s-case{position: relative; transition: all 0.2s;} .s-case-link{display: block; width: 100%; height: 0px; padding-bottom: 50%; position: relative; overflow: hidden;} .s-case-link img{width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute;} .s-case-link img{transition: all 0.3s;} @@ -118,6 +116,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica /* 悬浮动画 */ +.s-case:hover{box-shadow: 0 0 20px #ccc;} .s-case:hover img{transform: scale(1.3, 1.3); } .s-case img:hover{cursor: pointer;} .s-case:hover .s-case-link:after {background-color: rgba(0, 0, 0, .35); color: #FFF;} @@ -173,7 +172,16 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica /* -------- 自适应 --------- */ -/* 媒体查询 */ +/* 一般的笔记本 */ +@media screen and (max-width: 1700px) { + .content-box{padding-top: 100px;} + .content-box h1{font-size: 80px;} + + /* 支持特性部分的间距 */ + .s-title.s-title-tx{margin-top: 50px; margin-bottom: 20px; /* display: none; */} +} + +/* 一般的手机 */ @media screen and (max-width: 800px) { .s-title{padding: 0 16px;} @@ -181,10 +189,10 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica .logo-box .logo-text,.copyright {display: none;} .main-box{ height: auto;} - .content-box{ padding: 2em 1em;} + .content-box{padding-top: 100px;} .content-box h1{font-size: 50px;} - .feature-z{padding: 0em;} + .feature-z{padding: 0em; padding-bottom: 50px;} .feature{min-width: 100%;} .com-box-f{padding: 0em;} @@ -199,11 +207,13 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica /* .s-header{position: static;} */ footer{position: static; line-height: 40px;} + + /* 手机端不显示广告，和一些其它东西 */ + .wwads-cn,.p-none{display:none!important} } -@media screen and (min-width: 1700px) { - .content-box h1{margin-top: 120px;} -} +/* 手机端不显示广告，和一些其它东西 */ +/* @media (max-width: 576px) {.wwads-cn,.p-none{display:none!important}} */ diff --git a/sa-token-doc/index.html b/sa-token-doc/index.html index 4cc7b177..bff5a1a9 100644 --- a/sa-token-doc/index.html +++ b/sa-token-doc/index.html @@ -69,40 +69,33 @@
-
+

Sa-Tokenv1.30.0

一个轻量级 java 权限认证框架，让鉴权变得简单、优雅！
- GitHub - 码云 - 开发文档 + GitHub + 码云 + 加入讨论群 + 开发文档 +

+

-
-
- -

QQ交流群: 496757342 点击加入

-
-
- -

微信交流群：扫码加入 (请备注: sa)

-
-
-

Sa-Token 支持特性

+

Sa-Token 支持特性

⚡️ 登录认证

@@ -372,7 +365,7 @@ - +