share.vue 881 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <share :config="config"></share>
  3. </template>
  4. <script>
  5. // import 'vue-social-share/dist/client.css';
  6. export default {
  7. name: "share",
  8. data() {
  9. return {
  10. msg: '江南无所有、聊赠一枝春',
  11. config:{
  12. sites: ['qq','wechat'],
  13. wechatQrcodeTitle : '微信扫一扫:分享',
  14. wechatQrcodeHelper : '<p>扫一扫</p><p>二维码便可将本文分享至朋友圈。</p>'
  15. }
  16. };
  17. }
  18. };
  19. </script>
  20. <!-- Add "scoped" attribute to limit CSS to this component only -->
  21. <style scoped>
  22. /* @import "../assets/dist/css/share.min.css"; */
  23. h1,
  24. h2 {
  25. font-weight: normal;
  26. }
  27. ul {
  28. list-style-type: none;
  29. padding: 0;
  30. }
  31. li {
  32. display: inline-block;
  33. margin: 0 12px;
  34. }
  35. a {
  36. color: #42b983;
  37. }
  38. .hello > span {
  39. padding: 5px;
  40. }
  41. </style>