手把手教你如何使用Axure實現倒計時效果

我們經常看到一個場景,當點擊某個按鈕之後,旁邊就會顯示倒計時幾秒後可以重新點擊。這就是倒計時效果。

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
直接開始:

一、準備

添加全局變量:項目-全局變量-添加 time 值爲60
準備一個矩形,添加文字:獲取驗證碼。
準備一個動態面板,設置爲兩個
準備一個文本標籤,不要輸入字,放在一旁

給各個組件命名
在這裏插入圖片描述

在這裏插入圖片描述

二、設置交互

在動態面板上設置交互條件
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

在矩形上設置交互,自己設置禁用樣式
在這裏插入圖片描述

完成

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章