share-sheet

Share Sheet 是一个基于 Vue.js 的用于 Web 打开 APP 客户端的一体化方案，兼容 iOS 与 Android，支持微信开放标签 <wx-open-launch-app>

唤起 APP 的逻辑详见 yypkg/appCall
UI 组件建议通过 git clone 直接放到项目中使用，如使用 npm 安装，请配置 vue loader；

DEOM

使用

git clone https://github.com/yyued/share-sheet.git

import shareSheet from '@/components/share-sheet'
Vue.use(shareSheet)

// 初始化
const url = encodeURIComponent(window.location.href)
this.$shareSheet({
  wechatOpenTag: {
    enable: true,
    appID: 'xxx',
    extInfo: ''
  },
  appInfo: {
    name: 'FIMO',
    description: '还原真实胶卷体验',
    icon: 'https://iovo-oss.yy.com/upload/1599048092406236UUHtCU.png',
    buttonText: '打开',
    buttonTextColor: '#fff',
    buttonBackgroundColor: '#121212'
  },
  universalLink: `https://fimoapp.com?url=${url}`,
  schemaUrl: `fimo://fimoapp.com?url=${url}`,
  fallbackUrl: 'https://fimoapp.com'
})

参数

参数	是否必填	默认值	说明
`wechatOpenTag`	否	空	微信开放标签 `<wx-open-launch-app>` 相关参数
`wechatOpenTag.enable`	空	否	使用启用微信开放标签
`wechatOpenTag.appID`	空	否	appid
`wechatOpenTag.extInfo`	空	否	extInfo
`appInfo`	空	否	APP 信息
`appInfo.name`	空	否	APP 名称
`appInfo.description`	空	否	APP 描述
`appInfo.icon`	空	否	APP logo
`appInfo.buttonText`	空	否	APP 按钮文案
`appInfo.buttonTextColor`	空	否	APP 按钮文本颜色
`appInfo.buttonBackgroundColor`	空	否	APP 按钮背景颜色
`universalLink`	空	否	universal links
`schemaUrl`	空	否	URL Schema
`fallbackUrl`	空	否	fallback 链接，当打开 APP 失败时跳转到该链接

yyued / share-sheet

share-sheet

DEOM

使用

参数

About

Languages