淘宝怎么清空购物车 怎么清空购物车里的产品
来人人都是产品经理【起点学院】
这里由BAT实战派产品总监亲授,全面系统的课程让你深入学习产品与运营。
跟随着我的分享,让我们一起探讨大淘宝购物车页面的秘密。
关于那些大家所津津乐道的中继器九宫格,我只想说:真是深得我心啊!尽管我在中继器上只能达到初级水平,但我仍然愿意和大家分享我力所能及的内容。
今天,我要给大家带来的是某宝购物车页面的单个信息管理——包括加减和删除操作。
这个案例主要是为了练习动态面板的应用以及认识局部变量的作用。
准备阶段
我会先将所需的元素放上去,稍后再对它们进行详细介绍。
- 先放上手机框架(此处为了方便,我随意拖了一个矩形框代替)
- 接着复制一个商品信息元素,作为商品信息2。
- 最后将两个商品信息元素并列摆放。
基本工作准备就绪,若有遗漏请参续的截图说明。
动作分析
接下来我们开始分析需要执行的动作。
- 点击实现数字加法。
- 点击实现数字减法,但需注意,当数字为1时,不能再进行减法操作。
- 为“删除”按钮添加用例条件,点击时隐藏一个商品面板并使另一个面板上移。
现在,我们开始动手实现这些动作。让我们期待一下预览效果吧!
加减操作已实现,下面开始尝试删除操作。请注意,在数字大于1时才可进行减法操作。
啊哈!已经完成了加减和删除的初步实现。让我们再次预览一下成果吧!
看到这里,你是否已经感受到了满满的成就感?别停步哦,我们还有曙光在前方等待你。
最后一步:完成原型
到这里我们的教程就结束了,希望大家能跟上我的节奏,顺利完成原型制作。
如果有任何疑问或需要进一步的帮助,请随时与我联系。让我们共同进步吧!
资源链接
原型查看链接:点击进入原型
原型文件下载链接:密码: bxbc