1
0
mirror of synced 2026-05-22 22:53:16 +00:00

docs: 功能结构图增加点击事件跳转到对应功能文档

This commit is contained in:
click33
2025-12-01 01:00:17 +08:00
parent a16552c3fe
commit 39b468b150
6 changed files with 785 additions and 6 deletions
+2 -1
View File
@@ -28,7 +28,8 @@
**Sa-Token** 是一个轻量级 Java 权限认证框架,主要解决:**登录认证**、**权限认证**、**单点登录**、**OAuth2.0**、**分布式Session会话**、**微服务网关鉴权**
等一系列权限相关问题。
![sa-token-jss](https://oss.dev33.cn/sa-token/doc/home/sa-token-jss--tran.png)
<!-- ![sa-token-jss](https://oss.dev33.cn/sa-token/doc/home/sa-token-jss--tran.png) -->
<object class="sa-token-jss-img" data="static/img/sa-token-jss--tran--onclick.svg"></object>
Sa-Token 旨在以简单、优雅的方式完成系统的权限认证部分,以登录认证为例,你只需要:
+2 -1
View File
@@ -113,6 +113,7 @@
</a>
<div class="zk-context">
<div>
<a href="https://www.bilibili.com/video/BV1fsUVBWEyH/" target="_blank">朱老师的小课堂(7集)</a>
<a href="https://www.bilibili.com/video/BV1NF1FBpEe6/" target="_blank">王清江唷 SSO篇(29集)</a>
<a href="https://www.bilibili.com/video/BV1uZUpYVEst/" target="_blank">fox说技术(7集)</a>
<a href="https://www.bilibili.com/video/BV1eFtRezERp?p=87" target="_blank">架构驿站(11集)</a>
@@ -185,7 +186,7 @@
<a href="https://sa-pro.yun94.cn?way=st_r" target="_blank">
<div class="mad-bg-box">
<div class="mad-context-box">
<img class="mad-img" src="https://oss.dev33.cn/sa-token/ad/sspx-ad-9.png" />
<img class="mad-img" src="https://oss.dev33.cn/sa-token/ad/sspx-ad-11.png" />
<span class="mad-text">
轻松搭建<b>企业级统一认证中心</b>SSO 单点登录、OAuth2.0、用户数据同步、API Key。<b>全源码交付、可二开。</b>
</span>
+9 -2
View File
@@ -62,6 +62,7 @@
</a>
<div class="zk-context">
<div>
<a href="https://www.bilibili.com/video/BV1fsUVBWEyH/" target="_blank">朱老师的小课堂(7集)</a>
<a href="https://www.bilibili.com/video/BV1NF1FBpEe6/" target="_blank">王清江唷 SSO篇(29集)</a>
<a href="https://www.bilibili.com/video/BV1uZUpYVEst/" target="_blank">fox说技术(7集)</a>
<a href="https://www.bilibili.com/video/BV1eFtRezERp?p=87" target="_blank">架构驿站(11集)</a>
@@ -239,7 +240,9 @@
</div>
</div>
<div style="margin-top: -40px; margin-bottom: 40px;">
<img class="sa-token-jss-img" src="https://oss.dev33.cn/sa-token/doc/home/sa-token-jss--tran.png">
<!-- <img class="sa-token-jss-img" src="https://oss.dev33.cn/sa-token/doc/home/sa-token-jss--tran.png"> -->
<!-- 使用 object 引入跨域 svg 图片时,图片初始会非常小,鼠标移上去一下才会恢复正常,未找到解决方案 -->
<object class="sa-token-jss-img" data="static/img/sa-token-jss--tran--onclick.svg"></object>
</div>
<div class="re-text">
<!-- <span>有了Sa-Token,你所有的权限认证问题,都不再是问题!</span> -->
@@ -277,6 +280,10 @@
<img src="https://oss.dev33.cn/sa-token/awards/kaifangyuanzi2--2.jpg?x-oss-process=style/st" /> <br>
<p>开放原子基金会2023快速成长开源项目</p>
</div>
<div class="swiper-slide">
<img src="https://oss.dev33.cn/sa-token/awards/gitee-star-5000.jpg?x-oss-process=style/st" /> <br>
<p>Gitee 5000 star 专属奖杯</p>
</div>
<div class="swiper-slide">
<img src="https://oss.dev33.cn/sa-token/awards/dromara--2.jpg?x-oss-process=style/st" /> <br>
<p>Dromara 组织顶尖项目(之一)</p>
@@ -287,7 +294,7 @@
</div>
<div class="swiper-slide">
<img src="https://oss.dev33.cn/sa-token/awards/dromara-2024-tzds.jpg?x-oss-process=style/st" /> <br>
<p>所在开源社区 “Dromara” 荣获《2024中国互联网发展创新与投资大赛(开源)》二等奖</p>
<p>所在开源社区 “Dromara” 荣获《2024中国互联网发展创新与投资大赛(开源)》二等奖</p>
</div>
<div class="swiper-slide" style="width: 750px;">
<img src="https://oss.dev33.cn/sa-token/awards/gitee-top-1--2.png" /> <br>
+1 -1
View File
@@ -143,7 +143,7 @@ body{
.zk-box{display: inline-block;}
/* 外层盒 */
.zk-box .zk-context{max-height: 0px; position: absolute; overflow: hidden;}
.zk-box:hover .zk-context{max-height: 300px;}
.zk-box:hover .zk-context{max-height: 400px;}
/* 内层盒 */
.zk-context>div{padding: 1em 0.5em 1em 1em; border: 1px #ccc solid; border-radius: 2px; background-color: #FFF; font-size: 12px; transition: all 0.2s; opacity: 0;}
.zk-box:hover .zk-context>div{opacity: 1;}
File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 348 KiB

+1 -1
View File
@@ -281,7 +281,7 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
.zk-box{display: inline-block; padding-right: 0px; margin-right: -25px;}
/* 外层盒 */
.zk-box .zk-context{max-height: 0px; position: absolute; overflow: hidden;}
.zk-box:hover .zk-context{max-height: 300px;}
.zk-box:hover .zk-context{max-height: 400px;}
/* 内层盒 */
.zk-context>div{padding: 1em 0.5em 1em 1em; border: 1px #ccc solid; border-radius: 2px; background-color: #FFF; font-size: 12px; transition: all 0.2s; opacity: 0;}
.zk-box:hover .zk-context>div{opacity: 1;}