微信电商小程序(服装类、高交互)原型

INTRO

兼容性提醒:此作品只兼容Axure RP 9.0及以上版本,低版本软件无法使用。

电商微信小程序,核心下单流程展示(高还原、可交互),包括直接购买、先添加至购物车再结算,以及后续支付、取消订单,详见原型演示。

2020.05.09更新

新增【首页tabs滑动至顶部吸附效果-便捷实现方法】,附加【水平滑动切换插件】实现方法,详见底部:

注:页面滑动时组件“触顶吸附”的实现方法有多种,本原型给出两种,一种比较繁琐但效果给力,一种十分简单但效果一般,请自行选择,或者你有自己的思路和实现方法。本原型仅供参考。

2020.05.03更新

新增【订单列表页】、【待支付订单详情页】内取消待支付订单流程演示;

注:可以通过[全局变量]来记录历史页面,从而实现“返回”到指定页面的功能,而并非单一的返回上一页;

以下为原型部分页面截图:

  • 首页

  • 个人中心

  • 购物车 – 为空

  • 购物车-结算

  • 直接购买

  • 确认订单

  • 额外附赠:个人中心页面方案(下滑切换navbar)

备注:

1、请仔细查看演示,再下单购买;

2、后续看购买人数更新,欢迎理性探讨;

3、交互实现方法有多种,若你有更好的做法,那很棒棒;

2 条评论 发表评论

你好,你说的纸张应该是指“页面”,意思是问“同一个页面,如何呈现不同的高度”吗?
使用动态面板,设置“自适应内容”,然后在不同的state内添加不同高度的元件内容便可以。
这样,当你切换到某一个state时,动态面板会自动拉伸到该state相应的高度,页面高度自然会随之变化。

还是说什么,麻烦你描述清楚一些/捂脸

发表评论

以下作品你可能也喜欢:
电商封面
推荐

软件版本:Axure 8.1(兼容Axure9) 页面数量:94 产品类型:高保真APP 当前版本:V1.2 价格:79.9 作者:Daisy 产品简介:本作品为移动端电商APP,涵盖了综合类电商的大部分功能,包括运营活动,商品详情,购物车…

售价:¥ 79.90 销量: 119 7698
在线问诊医生端
推荐

软件版本:Axure8.1(兼容Axure9) 页面数量:89 产品类型:高保真APP(医生端) 当前版本:V1.1 价格:79.9 作者:Daisy 作品简介:本作品为在线问诊App的医生端版本,通过高效、快速的在线问诊服务,为患者提供健…

售价:¥ 79.90 销量: 85 9974
TEM009
推荐

作品名称:AxureUX内容资讯平台交互原型模板 作品类型:模板类 发布日期:2018-05-25 最新版本:v1.0 主要适用:Web端 软件版本:Axure 8.0 文件大小:2.5MB 作品编号:TEM009 作品售价:¥29.00 …

售价:¥ 29.00 销量: 46 3101
LIB001v2
推荐

作品名称:AxureUX WEB前后端交互原型通用元件库 v2 作品类型:元件类/模板类 主要适用:Web端 软件版本:Axure 8.0 作品编号:LIB001v2 特别说明: 1、本作品使用Axure RP8制作发布,同时兼容9,为了照…

售价:¥ 69.00 销量: 272 9309