axure商城

使用AxureRP7制作淘宝网购物车效果

本文由原型库网站金乌原创制作,可自由转载请保留出处,请勿用于商业用途。

想系统学习Axure RP7的朋友,可以参考金乌制作的AxureRP7从入门到精通视频教程,其中有20节免费试学课。

Axure交流群:385143736

这个原型完整模拟了淘宝商品加入购物车效果:
1)无商品加入购物车时,显示购物车为空
2)未选择商品尺码和颜色时,提示错误
3)选择不同颜色商品时,商品大图对应切换显示
4)商品数量默认为1,不可为负数
5)商品数量大于1时,启用减号
6)商品数量大于库存数量时,提示错误
7)商品数量变化时数字动画效果
8)商品加入购物车后,购物车数量变化,且购物车中的商品数量和颜色与加入购物车时相同
9)鼠标指针移入顶部购物车显示购物车中商品
10)点击查看我的购物车,进入购物车页面
11)在购物车页面可修改商品数量,价格与数量同步变化
12)在购物车页面点击 修改 按钮可修改商品颜色和尺码
13)更多细节请自行探索…

1 2 3 4 5 6

 

在线预览:http://share.yuanxingku.com/tbcart_case/#p=home

RP文件下载:http://pan.baidu.com/s/1kT7RBH9

给TA买糖
共{{data.count}}人
人已赞赏
案例教程

Axure7化妆镜商城高保真原型Web版+线框图

2015-1-5 12:43:10

案例教程

Axure制作高端大气的欧美系水平视差滚动效果

2015-2-9 10:51:21

axure商城
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索