From f10a16639adae3770eaf7bd0343ffa5f8f816057 Mon Sep 17 00:00:00 2001 From: click33 <2393584716@qq.com> Date: Tue, 14 Jun 2022 08:34:23 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=87=E6=A1=A3=E9=A6=96=E9=A1=B5=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E6=A1=88=E4=BE=8B=E5=B1=95=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sa-token-doc/doc/more/link.md | 5 ++- sa-token-doc/index.css | 34 +++++++++++++++ sa-token-doc/index.html | 81 +++++++++++++++++++++++++++++++++-- 3 files changed, 115 insertions(+), 5 deletions(-) diff --git a/sa-token-doc/doc/more/link.md b/sa-token-doc/doc/more/link.md index dab9d4c8..38fe5c3c 100644 --- a/sa-token-doc/doc/more/link.md +++ b/sa-token-doc/doc/more/link.md @@ -10,12 +10,13 @@ > 经过 Sa-Token 开发组审核通过后: > - 将展示在此页面。 > - 在 Sa-Token 交流群中宣传推广,为项目带来流量。 +> - 按照 star 量排序择取前六名展示在官网首页。 --- ### 使用 Sa-Token 的开源项目: -- [[ Sa-Plus ]](https://gitee.com/click33/sa-plus):一个基于 SpringBoot 架构的快速开发框架,内置代码生成器 +1. [[ Sa-Plus ]](https://gitee.com/click33/sa-plus):一个基于 SpringBoot 架构的快速开发框架,内置代码生成器 - [[ jthink ]](https://gitee.com/wtsoftware/jthink): 一个基于 SpringBoot + Sa-Token + Thymeleaf 的博客系统 @@ -31,7 +32,7 @@ - [[ RuoYi-Cloud-Plus ]](https://gitee.com/JavaLionLi/RuoYi-Cloud-Plus):重写RuoYi-Cloud所有功能 整合 SpringCloudAlibaba + Sa-Token + Dubbo + Mybatis-Plus + Xxl-Job 全方位升级 定期同步 -- [[ SpringBoot_v2 ]](https://gitee.com/bdj/SpringBoot_v2/tree/sa-token/):SpringBoot_v2项目是努力打造springboot框架的极致细腻的脚手架。 +- [[ SpringBoot_v2 ]](https://gitee.com/bdj/SpringBoot_v2):SpringBoot_v2项目是努力打造springboot框架的极致细腻的脚手架。 - [[ Sa-Token-Study ]](https://gitee.com/click33/sa-token-study):以demo示例的方式讲解 Sa-Token 源码涉及到的技术点,连载中…… diff --git a/sa-token-doc/index.css b/sa-token-doc/index.css index c547deeb..86d32874 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";} + .s-width{width: 1000px; margin: auto;} /* 栏目标题 */ .s-title{color: #000; margin-top: 90px; margin-bottom: 50px;} @@ -102,6 +103,39 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica .re-text a{color: #0969da; text-decoration: none;} .re-text a:hover{border-bottom: 1px #0969da solid;} +/* -------- 集成案例 --------- */ +.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-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;} +.s-case-title,.s-case-intro{padding: 0 16px;} +.s-case-title{margin-top: 20px; font-size: 18px; font-weight: 400; color: #333; font-family: "microsoft yahei";} +.s-case-intro{margin-top: 10px; font-size: 14px; line-height: 20px; color: #777; word-break:break-all;} +.s-author{color: #ff5722; border: 1px #ff5722 solid; position: absolute; right: 20px; display: inline-block;} +.s-author{padding: 0 5px; font-size: 12px; transform: translate(0, -25px);} + + +/* 悬浮动画 */ +.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;} +.s-case .s-case-link:after { + content: "详情"; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0); + transition: all .4s; + text-align: center; + line-height: 10; + color: rgba(0,0,0,0); + cursor: pointer; +} + /* -------- 使用公司 --------- */ .com-box-f{padding: 1em 1em; padding-bottom: 30px; text-align: center;} diff --git a/sa-token-doc/index.html b/sa-token-doc/index.html index ee947a8e..4a7504a1 100644 --- a/sa-token-doc/index.html +++ b/sa-token-doc/index.html @@ -147,13 +147,85 @@ + +
- (如果您的项目也使用了 Sa-Token,您可以 +
+ (如果您的企业也使用了 Sa-Token,您可以 在此 提交)