'文章详情分享'

pages/news/newsView/_id.vue

@@ -31,10 +31,14 @@
             </div>
             <div class="info-item">
               <span>分享</span>
-              <div class="share">
-                <img class="icon" src="~/assets/images/news/icon_wechat.png" alt="" srcset="">
-                <img class="icon" src="~/assets/images/news/icon_qq.png" alt="" srcset="">
-                <img class="icon" src="~/assets/images/news/icon_sina.png" alt="" srcset="">
+              <div class="bdsharebuttonbox share">
+                <img class="icon" src="~/assets/images/news/icon_wechat.png" data-cmd="weixin" alt="" srcset="" title="分享到微信" />
+                <img class="icon" src="~/assets/images/news/icon_qq.png" data-cmd="sqq" alt="" srcset="" title="分享到QQ好友" />
+                <img class="icon" src="~/assets/images/news/icon_sina.png" data-cmd="tsina" alt="" srcset="" title="分享到新浪微博" />
+  							<!-- <a href="#" data-cmd="tsina" title="分享到新浪微博">微博</a> -->
+                <!-- <img class="icon" src="~/assets/images/news/icon_wechat.png" data-cmd="weixin" alt="" srcset="">
+                <img class="icon" src="~/assets/images/news/icon_qq.png" data-cmd="sqq" alt="" srcset="">
+                <img class="icon" src="~/assets/images/news/icon_sina.png" data-cmd="tsina" alt="" srcset=""> -->
               </div>
             </div>
           </div>
@@ -115,7 +119,24 @@ export default {
     };
   },
   mounted() {
-    
+    this.$nextTick(function (){
+      window._bd_share_config = {
+        "common": {
+          "bdSnsKey": {},
+          "bdText": "",
+          "bdMini": "1",
+          "bdMiniList": ["qzone", "tsina", "weixin", "sqq", "duitang", "hx", "fx", "youdao", "sdo", "qingbiji", "people", "xinhua", "mail", "isohu", "yaolan", "wealink", "ty", "iguba", "fbook", "twi", "linkedin", "h163", "evernotecn", "copy", "print"],
+          "bdPic": "",
+          "bdStyle": "2",
+          "bdSize": "32"
+        },
+        "share": {}
+      };
+      const s = document.createElement('script');
+      s.type = 'text/javascript';
+      s.src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5);
+      document.body.appendChild(s);
+    })
   },
 };
 </script>
@@ -175,6 +196,9 @@ export default {
             width: 27px;
             height: 24px;
           }
+          a {
+    		    font-size: 12px;
+          }
         }
       }
     }