兼容性提醒:此作品只兼容Axure RP 9.0及以上版本,低版本软件无法使用。
电商微信小程序,核心下单流程展示(高还原、可交互),包括直接购买、先添加至购物车再结算,以及后续支付、取消订单,详见原型演示。
2020.05.09更新
新增【首页tabs滑动至顶部吸附效果-便捷实现方法】,附加【水平滑动切换插件】实现方法,详见底部:
注:页面滑动时组件“触顶吸附”的实现方法有多种,本原型给出两种,一种比较繁琐但效果给力,一种十分简单但效果一般,请自行选择,或者你有自己的思路和实现方法。本原型仅供参考。
2020.05.03更新
新增【订单列表页】、【待支付订单详情页】内取消待支付订单流程演示;
注:可以通过[全局变量]来记录历史页面,从而实现“返回”到指定页面的功能,而并非单一的返回上一页;
以下为原型部分页面截图:
- 首页
- 个人中心
- 购物车 – 为空
- 购物车-结算
- 直接购买
- 确认订单
- 额外附赠:个人中心页面方案(下滑切换navbar)
备注:
1、请仔细查看演示,再下单购买;
2、后续看购买人数更新,欢迎理性探讨;
3、交互实现方法有多种,若你有更好的做法,那很棒棒;
看到你的原型,纸张大小是怎么改变的?
你好,你说的纸张应该是指“页面”,意思是问“同一个页面,如何呈现不同的高度”吗?
使用动态面板,设置“自适应内容”,然后在不同的state内添加不同高度的元件内容便可以。
这样,当你切换到某一个state时,动态面板会自动拉伸到该state相应的高度,页面高度自然会随之变化。
还是说什么,麻烦你描述清楚一些/捂脸
请问一下这个有源代码??
这是交互原型,不是程序;