我的上一篇文章是《 Axure教程：实现商品分享功能》，原本计划下一篇写的是《Axure教程：实现商品规格选择功能》，但在制作途中发现内容比较多，所以就先打算拆解开来分几篇文章来写。这一篇是其中一个非常简单的功能->商品数量的增减。

原型预览

刚开始：

点三下“加”矩形后：

点两下“减”矩形后：

预览地址：https://tcv3k3.axshare.com

所需元件

“减”矩形：

“数量”矩形：

“加”矩形

操作步骤

（1）设置“减”矩形交互——鼠标单击时

1）编辑条件，因为放在商品的实际案例里数量是不能为0的。

2）设置Case1

（2）设置“加”矩形交互——鼠标单击时

说明：“加”矩形相比“减”矩形少了编辑条件，Case1的设置相似，只是将“-1”改为了“+1”。假如放到商品的实际案例里，加应该也是有条件的，例如“限购x件”、“库存x件”，那么这个x就是加的上限。

（3）按F5预览原型操作看看

小记

这个案例确实太简单了。可以巩固一下：编辑条件、给元件命好名、设置文本时使用简单地函数。

本文由 @Nilz 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash ，基于 CC0 协议