详细需求:


1.更改分享弹窗样式;

点击黑色底层部分、取消按钮,关闭弹窗;

左右滑动选择;


2.动态:弹窗向上弹出;


3.新增【制作卡片】按钮,按钮为动态设计,突出按钮;

点击按钮,打开弹窗浮层如下——【卡片分享】浮层;


4.卡片加载过程:加载动画(可先用转圈圈icon,之后新版需更新);加载完之后才打开弹窗浮层;


5.针对页面:文章、视频、行家文章、论坛帖子;

视频分享卡片

文章分享卡片

视频卡片内容:


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


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


        c.栏目logo、名字;


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

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


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



文章卡片内容:


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


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



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


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


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

1.新增打开app按钮:当用户在微信里长按从app分享的卡片进入小程序时,则出打开app按钮;


点击跳转至app;



微信文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html

打开app

微信

icon

微信好友

微信

icon

朋友圈

微信

icon

微博

微信

icon

QQ好友

微信

icon

QQ空间

X

原分享界面

【卡片分享】浮层

详细需求:


1.卡片下方出按钮栏:微信好友、朋友圈、微博、QQ好友、QQ空间;



点击【微信好友】,跳转到选择好友页面;

点击【朋友圈】,跳转到朋友圈发布页面,分享内容为该卡片;

点击【微博】,跳转到微博发布页面,分享内容为该卡片;

点击【QQ好友】,跳转到QQ好友选择页面;

点击【QQ空间】,跳转到QQ空间发布页面,分享内容为该卡片;



2.底部出【同时保存到相册】复选框(保存到相册操作需获得相册权限),默认勾选,点击取消勾选;

勾选时:点击按钮栏分享的同时,将卡片保存到相册;


点击“X”、底层,关闭弹窗浮层;



3.动态:按钮栏、卡片向上弹出;


4.底层设计:带透明度、高模糊;



动态

icon

制作卡片

x

链接

icon

复制链接

微信

icon

微信好友

朋友圈icon

微博

icon

微博

QQ

icon

QQ好友

空间

icon

QQ空间

朋友圈

帖子分享卡片

待定

行家分享卡片

待定

二维码为网页url制成的普通二维码;

二维码为网页url制成的普通二维码;