mr-menu-share

介绍

mr-menu 分享组件以及安卓ios端调起app

*Ios中只要手机中有对应的app即可调起 *Android中部分手机由于自身生态或者浏览器问题app无法成功调起(适用大部分机型及浏览器) *分享弹窗弹出，分享框中的文案自动复制

安装教程

npm i --save mr-menu-share

使用说明

import share from 'mr-menu-share' Vue.use(share)

*显示隐藏(组件的ref以'mrMenuShare'为例) *显示 this.$refs.mrMenuShare.open() *隐藏 this.$refs.mrMenuShare.close()

可全局和单页面引用

*参数

参数	行为	值	类型	必须
creatAni	分享弹窗显示动画	参照animate中的css	string	否
destroyAni	分享弹窗隐藏动画	参照animate中的css	string	否
title	分享标题		string	否
shareText	分享文案		string	否
shareTo	分享到		string	否
shareLink	分享链接		string	否
warnText	友情提示(针对部分安卓无法调起的提示语)		string	否
shareImgList	分享app的图标以及scheme	src,urlscheme,urlIntent,schemeUrl,intentUrl	array	否

*shareLink会进行encodeURI编码

*shareImgList参数说明 !!shareImgList目前支持6个app分享

1. src: 分享图标；
2. urlScheme： ios端调起app用的urlscheme；
3. urlIntent： 安卓apk名称；
4. schemeUrl： 安卓调起apk的scheme；
5. intentUrl： 安卓apk的包名。 eg:

*scheme示例

App名称	urlScheme	urlIntent	schemeUrl	intentUrl
Line	line://	line	line://nv/chat	jp.naver.line.android
FaceBook	fb://	facebook	fb://page/PAGEID	com.facebook.katana
Twitter	twitter://	twitter	twitter://post?message=hello%20world	com.twitter.android
Instagram(ins)	instagram://	instagram	instagram://media?id=434784289393782000_15903882	com.instagram.android
Wechat(微信)	wechat://	weixin	weixin://	com.tencent.mm
新浪微博	sinaweibo://	sinaweibo	sinaweibo://gotohome	com.sina.weibo

*结果演示