mirror of
https://gitee.com/dromara/sa-token.git
synced 2025-06-28 13:34:18 +08:00
修正官网
This commit is contained in:
shengzhang
parent
c8f9aafe37
commit
2fcf71af41
@ -7,6 +7,26 @@
|
||||
|
||||
<table class="gzh-table" style="text-align: center;">
|
||||
<tr>
|
||||
<td>
|
||||
<img src="https://mp.weixin.qq.com/mp/qrcode?scene=10000005&size=102&__biz=Mzg2MDIxNjAzNg==&mid=2247485810&idx=1&sn=afd46d5924afbc1030a87b5d56265fdf&send_time="/>
|
||||
<b>Java大厂面试官</b>
|
||||
<span>一名一直奋斗在一线的程序员, 记录工作用遇到的问题和解决方案</span>
|
||||
</td>
|
||||
<td>
|
||||
<img src="https://mp.weixin.qq.com/mp/qrcode?scene=10000005&size=102&__biz=MzI2ODQwMTI0MA==&mid=2247486194&idx=2&sn=3fef462f77bdf0354a223e2e6d9d9136&send_time="/>
|
||||
<b>程序员大神</b>
|
||||
<span>有一个在程序员圈混了10年的老程序员, 分享程序员相关的精选内容教程</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="https://mp.weixin.qq.com/mp/qrcode?scene=10000005&size=102&__biz=MzUyMDk4OTU5OA==&mid=2247499610&idx=6&sn=bc12403d060cba70be5739b808057d14&send_time="/>
|
||||
<b>码农学习联盟</b>
|
||||
<span>码农学习联盟，程序员码农学习第一站！Java、Python、大数据、机器学习、人工智能</span>
|
||||
</td>
|
||||
<td>
|
||||
<img src="https://mp.weixin.qq.com/mp/qrcode?scene=10000005&size=102&__biz=MjM5NzA1MTcyMA==&mid=2651175957&idx=3&sn=93343b003a8a3c2c600b909499cb554a&send_time="/>
|
||||
<b>程序猿</b>
|
||||
@ -27,7 +47,6 @@
|
||||
<b>开源最前线</b>
|
||||
<span>推荐热门开源软件，介绍新开源项目，报导开源资讯！</span>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
@ -25,25 +25,31 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
|
||||
.nav-right a:hover{color: #42B983;}
|
||||
|
||||
/* -------- 海报部分 --------- */
|
||||
.main-box{width: 100%; /* height: 80vh; */ text-align: center;}
|
||||
.main-box{}
|
||||
.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{display: flex; align-items: center; text-align: center; }
|
||||
.fenge{min-height: 90px;}
|
||||
.content-box{color: #000;}
|
||||
.content-box h1{font-size: 70px; font-weight: 400; position: relative; margin-top: 10px;}
|
||||
.content-box h1 small{font-size: 20px; position: absolute; bottom: 10px; margin-left: 5px; font-weight: 100;}
|
||||
.content-box{color: #000; flex: 1;}
|
||||
.content-box h1{font-size: 90px; 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: 24px; font-weight: 400; margin-top: 30px; margin-bottom: 25px; color: #6a8bad;}
|
||||
.sub-title{font-size: 24px; font-weight: 400; margin-top: 30px; margin-bottom: 25px; color: #6a8bad; color: #444;}
|
||||
.content-box p{line-height: 30px; padding: 0px 1em;}
|
||||
|
||||
.main-box{animation: changes 60s 0.2s linear infinite normal; background-attachment: ;} /* normal | alternate */
|
||||
@keyframes changes {
|
||||
from {background-position: 0vw 0%;}
|
||||
to {background-position: -100vw 0%;}
|
||||
}
|
||||
|
||||
/* 几个按钮 */
|
||||
.btn-box{margin-top: 40px;}
|
||||
.btn-box a{border: 1px #42B983 solid; border-radius: 2rem; box-sizing: border-box; color: #42B983; display: inline-block;}
|
||||
.btn-box a{font-size: 1.05rem;letter-spacing: .1rem;margin: .5rem 1rem;padding: 0.9em 2rem;text-decoration: none;}
|
||||
.btn-box{margin-top: 50px; margin-bottom: 28px;}
|
||||
.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.03); letter-spacing: 1px; margin: 0 0.5em; padding: 0.8em 1.5em; margin-bottom: 14px; text-decoration: none; }
|
||||
/* 最后一个加深底色 */
|
||||
.btn-box a:last-child {color: #fff; background-color: #42B983; border: 1px green solid;}
|
||||
.btn-box a:hover{color: #000;}
|
||||
.btn-box a:hover{/* transform: scale(1.05, 1.05); */padding: 0.8em 1.7em;margin: 0 0.3em;}
|
||||
|
||||
/* 按钮发光动画 */
|
||||
.btn-box a:last-child{animation: bganimation 3s infinite;}
|
||||
@ -52,6 +58,11 @@ body{font-size: 16px; color: #34495E; font-family: "Source Sans Pro","Helvetica
|
||||
50%{box-shadow: 0 0 20px #42B983;}
|
||||
100%{box-shadow: 0 0 20px #FFF;}
|
||||
}
|
||||
/* 微信二维码 */
|
||||
.wx-qr-box{margin-top: 40px; margin-bottom: 20px;}
|
||||
.wx-qr{width: 150px;}
|
||||
.wx-qr-box p{margin-top: 10px; color: #666;}
|
||||
.wx-qr,.dro-qr{cursor: pointer;}
|
||||
|
||||
/* -------- 支持特性 --------- */
|
||||
.feature-z{padding: 0em 1em; padding-top: 0px; padding-bottom: 60px; text-align: center; color: #000;}
|
||||
|
||||
@ -45,9 +45,9 @@
|
||||
<div class="main-box">
|
||||
<div class="content-box">
|
||||
<div class="fenge"></div>
|
||||
<img class="title-logo" src="./doc/logo.png" onclick="alert('别点我, 快去点star！')">
|
||||
<!-- <img class="title-logo" src="./doc/logo.png" onclick="alert('别点我, 快去点star！')"> -->
|
||||
<h1>Sa-Token<small>v1.16.0</small></h1>
|
||||
<div class="sub-title">这可能是史上功能最全的java权限认证框架！</div>
|
||||
<div class="sub-title"> 这可能是史上功能最全的java权限认证框架！</div>
|
||||
<div class="btn-box">
|
||||
<a href="https://github.com/dromara/sa-token" target="_blank">GitHub</a>
|
||||
<a href="https://gitee.com/dromara/sa-token" target="_blank">码云</a>
|
||||
@ -55,7 +55,6 @@
|
||||
<!-- <a href="http://sa-app.dev33.cn/wall.html?name=sa-token" target="_blank">需求墙</a> -->
|
||||
<a href="doc/index.html" target="_self" class="doc-btn">开发文档</a>
|
||||
</div>
|
||||
<br><br>
|
||||
<h4 align="center">
|
||||
<a href="https://gitee.com/dromara/sa-token/stargazers"><img src="https://gitee.com/dromara/sa-token/badge/star.svg"></a>
|
||||
<a href="https://gitee.com/dromara/sa-token/members"><img src="https://gitee.com/dromara/sa-token/badge/fork.svg"></a>
|
||||
@ -65,11 +64,15 @@
|
||||
<a href="https://github.com/dromara/sa-token/issues"><img src="https://img.shields.io/github/issues/dromara/sa-token.svg?style=flat-square&logo=GitHub"></a>
|
||||
<a href="https://github.com/dromara/sa-token/blob/master/LICENSE"><img src="https://img.shields.io/github/license/dromara/sa-token.svg?style=flat-square"></a>
|
||||
</h4>
|
||||
<div class="wx-qr-box">
|
||||
<img class="wx-qr" src="https://oss.dev33.cn/sa-token/wx-qr-300.png" >
|
||||
<p style="">（扫码添加微信，备注: sa-token，邀您加入技术群聊）</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ------------ 支持特性 ------------- -->
|
||||
<div >
|
||||
<div>
|
||||
<div class="feature-z s-width">
|
||||
<h2 class="s-title">支持 ⚡ 特性</h2>
|
||||
<div class="feature-box">
|
||||
@ -285,9 +288,7 @@
|
||||
<div class="ss-box">
|
||||
<h3 class="last" style="text-align: left; float: none; padding-left: 0px;">Dromara公众号</h3>
|
||||
<div class="media-img padding-small-top" style="text-align: left;">
|
||||
<a href="https://dromara.org/img/qrcode/qrcode_1.png" target="_blank">
|
||||
<img src="https://dromara.org/img/qrcode/qrcode_1.png" width="100" height="100" />
|
||||
</a>
|
||||
<img class="dro-qr" src="https://dromara.org/img/qrcode/qrcode_1.png" width="100" height="100" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -353,6 +354,22 @@
|
||||
layer.close(index);
|
||||
}, 1000);
|
||||
});
|
||||
// 点击二维码放大
|
||||
$('.wx-qr,.dro-qr').click(function() {
|
||||
var w = '300px';
|
||||
var h = '300px';
|
||||
var content = '<div style="height: 100%; overflow: hidden !important;">' +
|
||||
'<img src="' + this.src + ' " style="width: 100%; height: 100%;" />' +
|
||||
'</div>';
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: false,
|
||||
shadeClose: true,
|
||||
closeBtn: 0,
|
||||
area: [w, h], //宽高
|
||||
content: content
|
||||
});
|
||||
})
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user