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