演示地址:
http://www.wulihub.com.cn/go/qDl9bq/start.html
1:先準備好元件,從元件庫,拉入一個中繼器,雙擊中繼器托入組件在樣式中設置中繼器
橫向排列,行間距設置為10
如圖:
再拖入一個動態面板,設置兩個狀態,分別為:
最后的布局如下:
開始對中繼器的初始狀態進行操作,如圖:
雙擊中繼器,為刪除按鈕添加交互,如圖:
為了頁面的美觀,當刪除標簽時,添加標簽
應該相對移動,方法是:
記得箭頭處一定要選相對位置哦
搞定了標簽刪除,下一步就要為了增加標簽做交互了,選擇添加標簽動態面板狀態1,添加交互,如圖:
設置當鼠標單擊時,動態面板狀態發生變化,切換到狀態2,再到狀態2添加相應交互,如圖
此狀態為輸入新增標簽內容用,所以設置交互如下:
好了,全部交互設置完成,是不是很簡單呢?
原型地址: