feat: add share component

This commit is contained in:
reco_luan 2019-11-14 19:28:22 +08:00
parent b4ba2539de
commit 19f2da0cad
3 changed files with 41 additions and 5 deletions

30
components/MobShare.vue Normal file
View File

@ -0,0 +1,30 @@
<template>
<div>
<div class="-mob-share-ui-button -mob-share-open">分享</div>
<div class="-mob-share-ui" style="display: none">
<ul class="-mob-share-list">
<li class="-mob-share-weibo"><p>新浪微博</p></li>
<li class="-mob-share-qzone"><p>QQ空间</p></li>
<li class="-mob-share-qq"><p>QQ好友</p></li>
<li class="-mob-share-douban"><p>豆瓣</p></li>
<li class="-mob-share-facebook"><p>Facebook</p></li>
<li class="-mob-share-twitter"><p>Twitter</p></li>
</ul>
<div class="-mob-share-close">取消</div>
</div>
<div class="-mob-share-ui-bg"></div>
</div>
</template>
<script>
export default {
mounted () {
const script = document.createElement('script')
script.src = 'http://f1.webshare.mob.com/code/mob-share.js?appkey=2d1a37832f835'
script.id = '-mob-share'
document.body.append(script)
}
}
</script>

View File

@ -32,7 +32,7 @@
"@vuepress-reco/vuepress-plugin-pagation": "^1.0.3", "@vuepress-reco/vuepress-plugin-pagation": "^1.0.3",
"@vuepress-reco/vuepress-plugin-screenfull": "^1.0.0", "@vuepress-reco/vuepress-plugin-screenfull": "^1.0.0",
"@vuepress-reco/vuepress-plugin-ga": "^1.0.2", "@vuepress-reco/vuepress-plugin-ga": "^1.0.2",
"@vuepress-reco/vuepress-plugin-comments": "^1.0.7", "@vuepress-reco/vuepress-plugin-comments": "^1.0.8",
"@vuepress/plugin-medium-zoom": "1.2.0", "@vuepress/plugin-medium-zoom": "1.2.0",
"@vuepress/plugin-blog": "1.3.0", "@vuepress/plugin-blog": "1.3.0",
"docsearch.js": "^2.5.2", "docsearch.js": "^2.5.2",

File diff suppressed because one or more lines are too long