我的上一篇文章是《 Axure教程：實現(xiàn)商品分享功能》，原本計劃下一篇寫的是《Axure教程：實現(xiàn)商品規(guī)格選擇功能》，但在制作途中發(fā)現(xiàn)內(nèi)容比較多，所以就先打算拆解開來分幾篇文章來寫。這一篇是其中一個非常簡單的功能->商品數(shù)量的增減。

我的上一篇文章是《 Axure教程：實現(xiàn)商品分享功能》，原本計劃下一篇寫的是《Axure教程：實現(xiàn)商品規(guī)格選擇功能》，但在制作途中發(fā)現(xiàn)內(nèi)容比較多，所以就先打算拆解開來分幾篇文章來寫。這一篇是其中一個非常簡單的功能->商品數(shù)量的增減。

原型預(yù)覽

剛開始：

點三下“加”矩形后：

點兩下“減”矩形后：

預(yù)覽地址：https://tcv3k3.axshare

所需元件

“減”矩形：

“數(shù)量”矩形：

“加”矩形

操作步驟

（1）設(shè)置“減”矩形交互——鼠標單擊時

1）編輯條件，因為放在商品的實際案例里數(shù)量是不能為0的。

2）設(shè)置Case1

（2）設(shè)置“加”矩形交互——鼠標單擊時

說明：“加”矩形相比“減”矩形少了編輯條件，Case1的設(shè)置相似，只是將“-1”改為了“+1”。假如放到商品的實際案例里，加應(yīng)該也是有條件的，例如“限購x件”、“庫存x件”，那么這個x就是加的上限。

（3）按F5預(yù)覽原型操作看看

小記

這個案例確實太簡單了?？梢造柟桃幌拢壕庉嫍l件、給元件命好名、設(shè)置文本時使用簡單地函數(shù)。

本文由 @Nilz 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash ，基于 CC0 協(xié)議