dev/dcp-web-gate/src_old/components/share.vue

<template>
    
<share :config="config"></share>
</template>
  
  <script>
    //   import 'vue-social-share/dist/client.css';

  export default {
    name: "share",

    data() {
      return {
        msg: '江南无所有、聊赠一枝春',
        config:{
          sites: ['qq','wechat'],
          wechatQrcodeTitle   : '微信扫一扫：分享',
          wechatQrcodeHelper  : '<p>扫一扫</p><p>二维码便可将本文分享至朋友圈。</p>'
        }
      };
    }
  };
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped>
      /* @import "../assets/dist/css/share.min.css"; */
  h1,
  h2 {
    font-weight: normal;
  }
  ul {
    list-style-type: none;
    padding: 0;
  }
  li {
    display: inline-block;
    margin: 0 12px;
  }
  a {
    color: #42b983;
  }
  .hello > span {
    padding: 5px;
  }
  </style>