diff --git a/sa-token-doc/doc/more/tj-gzh.md b/sa-token-doc/doc/more/tj-gzh.md index eee29218..2c97a794 100644 --- a/sa-token-doc/doc/more/tj-gzh.md +++ b/sa-token-doc/doc/more/tj-gzh.md @@ -7,6 +7,26 @@
+ |
+
+ |
+ + | + | + |
+ |
|
- |||
diff --git a/sa-token-doc/index.css b/sa-token-doc/index.css
index f4e8edea..1f39424f 100644
--- a/sa-token-doc/index.css
+++ b/sa-token-doc/index.css
@@ -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;}
diff --git a/sa-token-doc/index.html b/sa-token-doc/index.html
index 93cb4e75..9fa22331 100644
--- a/sa-token-doc/index.html
+++ b/sa-token-doc/index.html
@@ -45,9 +45,9 @@
+ 支持 ⚡ 特性
@@ -285,9 +288,7 @@
@@ -353,6 +354,22 @@
layer.close(index);
}, 1000);
});
+ // 点击二维码放大
+ $('.wx-qr,.dro-qr').click(function() {
+ var w = '300px';
+ var h = '300px';
+ var content = ' ';
+ layer.open({
+ type: 1,
+ title: false,
+ shadeClose: true,
+ closeBtn: 0,
+ area: [w, h], //宽高
+ content: content
+ });
+ })
Dromara公众号
-
-
![]() ![]() |