diff options
| author | BigCoke233 <hi@guhub.cn> | 2020-03-30 15:42:08 +0800 |
|---|---|---|
| committer | BigCoke233 <hi@guhub.cn> | 2020-03-30 15:42:08 +0800 |
| commit | c3c612400919eecfca877d0cc78d3e4a01cd26bc (patch) | |
| tree | 538e7b1527818343bbda33820c7c9da58fdd3bf8 /assets | |
| parent | 5de118712e3be46cf16257f9985ca5440c9187c7 (diff) | |
💎 Add: 添加文章二维码生成功能
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/main/post.css | 25 | ||||
| -rw-r--r-- | assets/js/miracles.min.js | 7 |
2 files changed, 31 insertions, 1 deletions
diff --git a/assets/css/main/post.css b/assets/css/main/post.css index f45354d..e8c5693 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -50,7 +50,6 @@ margin-top: 15px
}
.post-button {
- margin-right: 20px;
float: right
}
.post-footer {
@@ -79,6 +78,8 @@ .post-share .social-share {
margin-right: 10px;
vertical-align:middle;
+ background: transparent;
+ border: none
}
.post-share .social-share i {
transition: color .2s
@@ -92,6 +93,9 @@ .post-share .social-share.twitter:hover i {
color: rgb(29,161,242);
}
+.post-share .social-share.qrcode:hover i {
+ color: #000
+}
.post-share .social-share.copyright i {
float: right;
font-size: 20px;
@@ -100,6 +104,10 @@ cursor: pointer;
display: none/*移动端不显示*/
}
+.post-share .social-share.qrcode {
+ margin-right: 3px
+}
+
.post-share .iconfont {
color: rgb(200,200,200);
font-size: 25px;
@@ -114,6 +122,21 @@ .post-content h3:hover .post-toc-link {
opacity: 1
}
+.post-qr {
+ background: #f1f1f1;
+ height: 0;
+ overflow: hidden;
+ transition: .3s
+}
+.post-qr-open {
+ height: auto;
+ transition: .3s
+}
+.post-qr img {
+ display: block;
+ margin: 10px auto;
+ max-width: 200px
+}
/* >文章内容 */
.post-content,
diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js index 8004438..9dec38b 100644 --- a/assets/js/miracles.min.js +++ b/assets/js/miracles.min.js @@ -442,6 +442,13 @@ function linkTarget() { }
linkTarget();
+/**
+ * 文章二维码
+ */
+function togglePostQrcode() {
+ $('.post-qr').toggleClass("post-qr-open");
+}
+$('#post-qrcode-btn').on("click", togglePostQrcode);
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('e.d("%c \\f\\g h i %c j 7 8://9.a %c ","b: #6; 1: 2 0; 3: 4 0; 5: #k;","1: 2 0; 3: 4 0; 5: #l;","m: n;1-o:-0.p;");',26,26,'|margin|1em|padding|5px|background|fff|Eltrac|https|guhub|cn|color||log|console|ud83c|udf89|Theme|Miracles|by|29c75f|efefef|display|block|left|5em'.split('|'),0,{}))
|