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

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

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

2020.05.09更新

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

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

2020.05.03更新

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

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

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

  • 首页

  • 个人中心

  • 购物车 – 为空

  • 购物车-结算

  • 直接购买

  • 确认订单

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

备注:

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

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

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

4 条评论 发表评论

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

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

发表回复

以下作品你可能也喜欢:
推荐

作品名称:AxureUX WEB前后端交互原型通用元件库 v2 作品类…

继续阅读 →

售价:¥ 69.00 销量: 318 14053
推荐

说明:完全原创、首次发布

售价:¥ 42.00 销量: 19 2470
推荐

 

售价:¥ 19.90 销量: 36 5653
推荐

为了解决增强物流运输管理问题,打造“SaaS平台+移动APP”模式;实…

继续阅读 →

售价:¥ 49.90 销量: 99 16878
推荐

智慧工地系统以系统的配置、数据的采集及分析为核心,满足不同角色的功能及…

继续阅读 →

售价:¥ 39.90 销量: 24 8840
推荐

常见的地图数据标识符号,除其中涟漪是SVG动图(可随意放大缩小不会失真…

继续阅读 →

售价:¥ 15.00 销量: 343 13715