全局分享

Global sharing

一.定义

从底部弹出的模态框，提供 2 个以上的分享渠道操作选项，支持提供标题、描述、标签；固定的展示样式、不支持特别灵活的修改；提供清晰的退出按钮；

二.用途

用于页面全局分享

三.类型

基础类、扩展类

1.基础类

1.1 链接分享

说明：通常从底部弹出模态弹窗，提供2个以上的分享渠道选项；

使用场景：分享页面链接；

【交互说明】竖屏场景下，从底部弹出模态弹窗，提供2个以上的分享渠道选项，超过4个分享渠道，可左右滑动查看更多；点击分享渠道选项跳转对应渠道的分享流程，点击区域为图标区域；点击取消按钮，收起模态弹窗，点击区域为整个取消按钮；

【交互说明】横屏场景下，从右侧弹出模态弹窗，超过一屏分享渠道，可上下滑动查看更多；点击分享渠道选项跳转对应渠道的分享流程，点击区域为图标区域；点击蒙版区域，收起模态弹窗；

1.2 图片分享

说明：通常从底部弹出模态弹窗，显示生成的图片缩略图，提供2个以上的分享渠道选项；

使用场景：页面生成图片分享；

【交互说明】从底部弹出模态弹窗，超过4个分享渠道，可左右滑动查看更多；生成的分享图片长度超过显示区域，可上下滑动查看全图；点击分享渠道选项跳转对应渠道的分享流程，点击区域为图标区域；点击取消按钮，收起模态弹窗，点击区域为整个按钮；

2.扩展类

2.1 页面到底拉起分享

说明：通常在页面到底后弹出分享弹窗；

使用场景：页面到底，对用户进行分享强引导；

【交互说明】页面到底后，上滑拉起分享弹窗；一般显示3个快捷分享渠道选项+更多选项；页面回拉，分享弹窗收起；点击更多选项，弹出基础类分享模态弹窗；

2.2 组合面板

说明：通常在页面底部弹出模态弹窗，与其他功能组合显示；

使用场景：需要和功能组合时；

2.3 页面底部常驻分享

说明：通常在页面底部常驻显示，一般不超过4个分享渠道;

使用场景：需对分享做强引导；

Powered by Froala Editor