提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
从底部弹出的模态框,提供 2 个以上的分享渠道操作选项,支持提供标题、描述、标签;固定的展示样式、不支持特别灵活的修改;提供清晰的退出按钮;
二.用途
用于页面全局分享
三.类型
基础类、扩展类
1.基础类
1.1 链接分享
说明:通常从底部弹出模态弹窗,提供2个以上的分享渠道选项;
使用场景:分享页面链接;
【交互说明】竖屏场景下,从底部弹出模态弹窗,提供2个以上的分享渠道选项,超过4个分享渠道,可左右滑动查看更多;点击分享渠道选项跳转对应渠道的分享流程,点击区域为图标区域;点击取消按钮,收起模态弹窗,点击区域为整个取消按钮;
【交互说明】横屏场景下,从右侧弹出模态弹窗,超过一屏分享渠道,可上下滑动查看更多;点击分享渠道选项跳转对应渠道的分享流程,点击区域为图标区域;点击蒙版区域,收起模态弹窗;
1.2 图片分享
说明:通常从底部弹出模态弹窗,显示生成的图片缩略图,提供2个以上的分享渠道选项;
使用场景:页面生成图片分享;
【交互说明】从底部弹出模态弹窗,超过4个分享渠道,可左右滑动查看更多;生成的分享图片长度超过显示区域,可上下滑动查看全图;点击分享渠道选项跳转对应渠道的分享流程,点击区域为图标区域;点击取消按钮,收起模态弹窗,点击区域为整个按钮;
2.扩展类
2.1 页面到底拉起分享
说明:通常在页面到底后弹出分享弹窗;
使用场景:页面到底,对用户进行分享强引导;
【交互说明】页面到底后,上滑拉起分享弹窗;一般显示3个快捷分享渠道选项+更多选项;页面回拉,分享弹窗收起;点击更多选项,弹出基础类分享模态弹窗;
2.2 组合面板
说明:通常在页面底部弹出模态弹窗,与其他功能组合显示;
使用场景:需要和功能组合时;
2.3 页面底部常驻分享
说明:通常在页面底部常驻显示,一般不超过4个分享渠道;
使用场景:需对分享做强引导;
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册