演示地址：

http://www.wulihub.com.cn/go/qDl9bq/start.html

1：先準備好元件，從元件庫，拉入一個中繼器，雙擊中繼器托入組件在樣式中設(shè)置中繼器

橫向排列，行間距設(shè)置為10

如圖：

再拖入一個動態(tài)面板，設(shè)置兩個狀態(tài)，分別為：

最后的布局如下：

開始對中繼器的初始狀態(tài)進行操作，如圖：

雙擊中繼器，為刪除按鈕添加交互，如圖：

為了頁面的美觀，當刪除標簽時，添加標簽

應(yīng)該相對移動，方法是：

記得箭頭處一定要選相對位置哦

搞定了標簽刪除，下一步就要為了增加標簽做交互了，選擇添加標簽動態(tài)面板狀態(tài)1，添加交互，如圖：

設(shè)置當鼠標單擊時，動態(tài)面板狀態(tài)發(fā)生變化，切換到狀態(tài)2，再到狀態(tài)2添加相應(yīng)交互,如圖

此狀態(tài)為輸入新增標簽內(nèi)容用，所以設(shè)置交互如下：

好了，全部交互設(shè)置完成，是不是很簡單呢？

原型地址：