保存到相册

微信

icon

朋友圈icon

微信好友

制作卡片

取消

分享至

分享按钮更新


1.文章终端页、视频终端页,底部栏目的分享按钮更换icon;icon期望:彩色、突出;



2.点击分享按钮,向上弹窗:微信好友、制作卡片、取消;(设计视觉上弱化取消按钮)


点击微信好友,跳转选择好友页面;(原分享流程,不变)

点击朋友圈,则收起弹框,显示浮层如下图二;

加载图片过程如下图[加载动画];



3.点击取消、以及黑色底层部分,关闭弹窗;



4.针对页面:文章、视频;(行家文章、论坛帖子暂时不做)



5.卡片内容样式已设计好;


文章卡片内容如下——视频分享卡片、文章分享卡片;






卡片生成中…

X

加载动画

图一

图二

视频分享卡片

文章分享卡片

视频卡片内容:


        a.太平洋汽车网logo,置放于左上角;


        b.配图取视频封面;640x360;16:9;


        c.栏目logo、名字;


        d.视频标题(超三行用“…”截字处理);视频简

介(超三行用“…”截字处理);


        e.下方出二维码(小程序码),以及文案:长按图片识别二维码,进入太平洋汽车网查看全文;



文章卡片内容:


        a.太平洋汽车网logo,置放于左上角;


        b.配图取:优先取cms上传的【移动端文章头图】,没有则取文章首图,文章无图则默认图;尺寸4:3;(配图固定宽度,自适应高度;)



        c.右上角出关闭按钮,点击关闭浮层;


        d.编辑头像、昵称(完全显示不截字)、文章发表日期;标题超两行用“…”截字处理;文章导读取cms文章简介,超三行用“…”截字处理;


        e.下方出二维码(小程序码),以及文案:长按图片识别二维码,进入太平洋汽车网阅读全文;

X

新增事件统计


1.【分享按钮】,每点击一次,计数器+1;

2.【分享-微信好友】,每点击一次,计数器+1;

3.【分享-生成卡片】,每点击一次,计数器+1;


4.【打开APP】,每点击一次,计数器+1;

1.卡片下方出按钮【保存到相册】,点击按钮,将卡片保存到用户相册;(需用户授权相册;微信系统授权);


保存成功则关闭浮层且弹提示窗口,如下——保存成功弹窗提示;


2.点击右上角关闭按钮,关闭弹窗;


3.卡片加载过程中,无【保存到相册】按钮,可点击右上角关闭按钮;


加载文案:卡片生成中…


保存成功弹窗提示

图片已保存到系统相册

快去分享给小伙伴吧

我知道啦

取消

制作卡片

微信好友

样式二