使用觸發(fā)器中的彈出對話框通過創(chuàng)建多個觸發(fā)器，實(shí)現(xiàn)多個輸入框的不同值的非空提示。

效果展示

具體步驟

1. 制作一個標(biāo)題

2. 制作輸入框

3. 制作“獲取驗(yàn)證碼”按鈕

4. 制作“登陸”按鈕

5. 創(chuàng)建按鈕觸發(fā)器

步驟分解

1. 制作一個標(biāo)題

1.1. 拖拽標(biāo)簽文本到動態(tài)數(shù)據(jù)容器中

1.2.點(diǎn)擊檢查器 面板中的樣式

1.3. 配置標(biāo)簽文本樣式

2. 制作輸入框

2.1. 拖拽輸入框到動態(tài)數(shù)據(jù)容器中

2.2. 點(diǎn)擊檢查面板中的 樣式

2.3. 選中 “請輸入手機(jī)號”輸入框

2.4. 配置 “請輸入手機(jī)號”輸入框 樣式

2.5. 點(diǎn)擊檢查面板中的數(shù)據(jù)綁定與設(shè)置

2.6. 填寫占位符

2.7. 選中 “驗(yàn)證碼”輸入框

2.8. 配置 “驗(yàn)證碼”輸入框 樣式

2.9. 點(diǎn)擊檢查面板中的數(shù)據(jù)綁定與設(shè)置

2.10. 填寫占位符

3. 制作 “獲取驗(yàn)證碼” 按鈕

3.1. 拖拽按鈕到動態(tài)數(shù)據(jù)容器中

3.2.選中按鈕

3.3. 點(diǎn)擊檢查面板中的數(shù)據(jù)綁定與設(shè)置

3.4. 配置自定義內(nèi)容

3.5.點(diǎn)擊檢查面板 中的樣式

3.6. 配置樣式

4. 制作 “獲取驗(yàn)證碼” 按鈕

4.1. 拖拽按鈕到動態(tài)數(shù)據(jù)容器中

4.2. 選中按鈕

4.3. 點(diǎn)擊檢查面板中的數(shù)據(jù)綁定與設(shè)置

4.4. 配置自定義內(nèi)容

4.5. 點(diǎn)擊檢查面板 中的樣式

4.6. 配置樣式

5. 創(chuàng)建按鈕觸發(fā)器

5.1. 選中按鈕組件

5.2. 點(diǎn)擊檢查面板中的觸發(fā)器

5.3. 配置檢查手機(jī)號空值觸發(fā)器

5.3.1.前置條件檢查組件值

5.3.1.選擇接收值組件 檢查組件值 “手機(jī)號輸入框”

5.3.2. 條件設(shè)置為空

5.3.3. 值類型顯示

5.4.配置驗(yàn)證碼空值觸發(fā)器

5.4.1. 前置條件檢查組件值

5.4.2. 選擇接收值組件 檢查組件值 “驗(yàn)證碼輸入框”

5.4.3. 條件設(shè)置為空

5.4.4. 值類型顯示

這樣就可以用彈出對話框?qū)崿F(xiàn)登錄頁非空提示了。