文章分享组件居中

Author: kaeyleo

_layouts/post.html

@@ -99,7 +99,11 @@ <h2 class="post-subtitle">{{ page.subtitle }}</h2>
 </div>
 <script src="{{ site.baseurl }}assets/js/social-share.min.js"></script>
 <script>
-    socialShare('.social-share', {sites: [{% for i in site.social-share-items %}'{{ i }}',{% endfor %}]});
+    socialShare('.social-share', {
+        sites: [{% for i in site.social-share-items %}'{{ i }}',{% endfor %}],
+        wechatQrcodeTitle: "分享到微信朋友圈",
+        wechatQrcodeHelper: '<p>扫码后点击右上角</p><p>将网页分享至朋友圈</p>'
+    });
 </script>
 <script>
 /**

assets/css/app.min.css

@@ -543,7 +543,12 @@ a {
       margin-bottom: 0; }
 
 .social-share-wrapper {
-  width: 720px; }
+  float: left;
+  position: relative;
+  left: 50%; }
+  .social-share-wrapper .social-share {
+    position: relative;
+    left: -50%; }
 
 .post-footer-item {
   margin: 0 auto;

dev/sass/app.css

@@ -463,7 +463,13 @@
 }
 
 .social-share-wrapper {
-    width: $post-content-w;
+    float: left;
+    position: relative;
+    left: 50%;
+    .social-share {
+        position: relative;
+        left: -50%;
+    }
 }
 
 .post-footer-item {