演示地址:
http://www.wulihub.com.cn/go/qDl9bq/start.html
1:先準(zhǔn)備好元件鹿驼,從元件庫(kù)跷敬,拉入一個(gè)中繼器茸炒,雙擊中繼器托入組件在樣式中設(shè)置中繼器
橫向排列伯铣,行間距設(shè)置為10
如圖:
再拖入一個(gè)動(dòng)態(tài)面板,設(shè)置兩個(gè)狀態(tài)宿百,分別為:
最后的布局如下:
開(kāi)始對(duì)中繼器的初始狀態(tài)進(jìn)行操作趁仙,如圖:
雙擊中繼器,為刪除按鈕添加交互垦页,如圖:
為了頁(yè)面的美觀雀费,當(dāng)刪除標(biāo)簽時(shí),添加標(biāo)簽
應(yīng)該相對(duì)移動(dòng)痊焊,方法是:
記得箭頭處一定要選相對(duì)位置哦
搞定了標(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è)置完成酌毡,是不是很簡(jiǎn)單呢克握?
原型地址: