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

效果展示

前置準(zhǔn)備

無

具體步驟

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

2. 制作輸入框

3. 制作“獲取驗證碼”按鈕

4. 制作“登陸”按鈕

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

步驟拆解

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

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

   1.2. 點擊 檢查器 面板中的 樣式

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

2. 制作輸入框

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

2.2. 點擊 檢查面板 中的 樣式

2.3. 選中 “請輸入手機號” 輸入框

2.4. 配置 “請輸入手機號” 輸入框 樣式

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

2.6. 填寫 占位符

2.7. 選中 “驗證碼” 輸入框

2.8. 配置 “驗證碼” 輸入框 樣式

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

2.10. 填寫 占位符

3. 制作 “獲取驗證碼” 按鈕

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

3.2. 選中 按鈕

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

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

3.5. 點擊 檢查面板 中的 樣式

3.6. 配置 樣式

4. 制作 “登陸” 按鈕

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

4.2. 選中 按鈕

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

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

4.5. 點擊 檢查面板 中的 樣式

4.6. 配置 樣式

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

5.1. 選中 按鈕組件

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

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

5.3.1. 前置條件 檢查組件值

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

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

5.3.3. 值類型 顯示

5.4 配置驗證碼空值 觸發(fā)器

5.4.1 前置條件 檢查組件值

5.4.2 選擇接收值組件 檢查組件值 “驗證碼輸入框”

5.4.3 條件設(shè)置 為空

5.4.4 值類型 顯示