- 案例來源
天貓-商品詳情
- 案例效果
初始狀態，如圖：
- 案例描述
單擊“增加”按鈕時，商品數量增加1；單擊“減少”按鈕時，商品數量減少1；商品數量最低為1。
- 元件准備
- 包含命名
文本框（用於顯示商品數量）：GoodsNumber
- 思路分析
①單擊“增加”按鈕時，讓文本框中的數量自增1，需要獲取到文本框的內容，進行加1的計算后，再填寫到到文本框（見操作步驟01）。
②單擊“減少”按鈕時，不能直接減少，而是需要符合文本框內數值大於1的符合條件，才能夠減少（見操作步驟02～03）。
- 操作步驟
01 為“增加”按鈕的【鼠標單擊時】事件添加case1，設置動作為【設置文本】到文本框“GoodsNumber”；新的數值為通過【添加局部變量】“n”獲取到的“GoodsNumber”【元件文字】加1，即“[[n+1]]”。
case動作設置：見圖8-36。
局部變量設置：見圖8-37。
02 為“減少”按鈕的【鼠標單擊時】事件添加case1，設置條件判斷為【元件文字】“GoodsNumber”【>】【值】“1”。
條件判斷設置：見圖8-38。
03 繼續上一步，設置符合條件的動作為【設置文本】到文本框“GoodsNumber”；新的數值為通過【添加局部變量】“n”獲取到的“GoodsNumber”【元件文字】減1，即“[[n-1]]”（見操作步驟01）。
事件交互設置：見圖8-39。
