feat: add share component
This commit is contained in:
parent
b4ba2539de
commit
19f2da0cad
30
components/MobShare.vue
Normal file
30
components/MobShare.vue
Normal 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>
|
||||
|
@ -32,7 +32,7 @@
|
||||
"@vuepress-reco/vuepress-plugin-pagation": "^1.0.3",
|
||||
"@vuepress-reco/vuepress-plugin-screenfull": "^1.0.0",
|
||||
"@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-blog": "1.3.0",
|
||||
"docsearch.js": "^2.5.2",
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user