帮好友选车

PK

车系白底图

车系名称

19.89-25.88万

车系白底图

车系名称

19.89-25.88万

买雷克萨斯ES

买宝马3系

宝马3系雷克萨斯ES 买哪个?

查看车系对比                                        >

PK

投票前

X位好友已投票

用户昵称

···

返回首页

我也要发起投票

帮好友选车

用户昵称

PK

车系白底图

车系名称

19.89-25.88万

车系白底图

车系名称

19.89-25.88万

···

用户昵称

选择理由选择理由选择理由选择理由选择理由选择理由选择理由选择理由

用户昵称

选择理由选择…

用户昵称

选择理由选择…

用户昵称

选择理由选择…

查看车系对比                                        >

PK

3票

7票

宝马3系雷克萨斯ES 买哪个?

投票后

为什么选择宝马3系?

返回首页

小程序新增帮好友选车页面,详细需求:


1.用户头像、昵称(完全显示):取自个人中心;


2.文案:“XXX(车系1名称)和XXX(车系2名称)买哪个?”

车系名颜色与下方点赞颜色对应;


3.投票截止日期:XX.XX;(月.日)


4.两款车;

       ·车系白底图:4:3;暂定270x202,依据设计稿进行调整;无图时出默认图(新);

       ·车系名:完全显示,可换行;

       ·价格:官方价范围


5.【投票】按钮:点击为车系投票,跳转投票后页面;(下方详细说明)

投票需微信授权,获取信息;(获取头像、昵称、地区、性别),不授权则无法投票;

每个微信用户对同一个投票活动,只能投一票;


6.文案:“X位好友已投票”;X为已投票人数;

下方出已投票的微信好友头像,第一个头像为最新投票人;最多5个,多于五个时第五个为“…”样式,暗示更多;不可点击;


7.【查看车系对比】按钮;点击跳转小程序车系对比页面;(该页面未完成,完成时间待定;先做按钮且隐藏;)


8.【我也要发起投票】按钮:

       1)从消息卡片进来的,点击打开app对应页面——好友帮选车-发起页

       2)从卡片识别小程序码进来的,点击弹窗,如下:


















9太平洋汽车网logo;


10底栏悬浮,【投票】按钮;文案:买XXX(车系名);

太平洋汽车网

我也要发起投票

太平洋汽车网

详细需求:


1.出票数PK条;(所得票数百分比);

出票数;

投票人头像(取自微信),左右两方对应PK车系;两方第一个头像为最新投票的用户;最多显示个数根据设计确定,超个数用“…”截取显示;



2.评论区:


固定区域,缓慢向上滚动;(左右同步滚动);

出最新30条评论;

评论为用户所选的预设评论;


动画:重复滚动;即滚动完所有评论后,间隔一定区域(设计确定),重复滚动,从第一条开始;

左右同步滚动;


用户头像、昵称取自微信;

推荐理由完全显示,可换行;



3.本页面票数、PK条、用户评论等无需实时更新,刷新页面/重进页面时在重新获取数据即可;



4.【返回首页】按钮,点击返回首页;

选择理由模块


5.文案:为什么选择XX(用户所选车系名)?


出预设选择理由,暂定为左方所列举理由;(个数限制:10;)

单选;

选择理由点击下方【发送】按钮,则隐藏该模块,所选理由放入评论区展示;


预设理由跟版本走,不另设位置编辑;

发送

投票截止日期:06.12

帮好友选车

用户昵称

PK

车系白底图

车系名称

19.89-25.88万

车系白底图

车系名称

19.89-25.88万

···

用户昵称

选择理由选择理由选择理由选择理由选择理由选择理由选择理由选择理由

用户昵称

选择理由选择…

用户昵称

选择理由选择…

用户昵称

选择理由选择…

查看车系对比                                        >

PK

3票

7票

宝马3系雷克萨斯ES 买哪个?

投票截止后

返回首页

我也要发起投票

太平洋汽车网

投票截止日期:06.12

详细需求:


1.投票截止后,用户进入投票页时,展示结果;(无论是否参与过投票)


投票已截止

2.文案:投票已截止;

x

下载太平洋汽车网客户端

邀请好友帮选车

进入页面时判断逻辑:

      1)投票已失效(发起人删除投票),打开小程序404页面;

      2)投票生效且未投票,打开小程序投票前页面;

      3)投票生效且已投票、未评论,打开小程序投票后页面(带选择理由模块);

      4)投票生效且已投票、已评论,打开小程序投票后页面(无选择理由模块);

      5)投票已截止,打开小程序投票已截止页面;