关于微信小程序:如何用弹出对话框实现登录页非空提示

应用触发器中的弹出对话框通过创立多个触发器，实现多个输入框的不同值的非空提醒。

成果展现

具体步骤

1. 制作一个题目

2. 制作输入框

3. 制作“获取验证码”按钮

4. 制作“登陆”按钮

5. 创立按钮触发器

步骤合成

1. 制作一个题目

1.1. 拖拽 标签文本 到 动态数据容器 中

1.2. 点击 查看器 面板中的 款式

1.3. 配置 标签文本 款式

2. 制作输入框

2.1. 拖拽 输入框 到 动态数据容器 中

2.2. 点击 查看面板 中的 款式

2.3. 选中“请输出手机号”输入框

2.4. 配置“请输出手机号”输入框 款式

2.5. 点击 查看面板 中的 数据绑定与设置

2.6. 填写 占位符

2.7. 选中“验证码”输入框

2.8. 配置“验证码”输入框 款式

2.9. 点击 查看面板 中的 数据绑定与设置

2.10. 填写 占位符

3. 制作“获取验证码”按钮

3.1. 拖拽 按钮 到 动态数据容器 中

3.2. 选中 按钮

3.3. 点击 查看面板 中的 数据绑定与设置

3.4. 配置 自定义内容

3.5. 点击 查看面板 中的 款式

3.6. 配置 款式

4. 制作“获取验证码”按钮

4.1. 拖拽 按钮 到 动态数据容器 中

4.2. 选中 按钮

4.3. 点击 查看面板 中的 数据绑定与设置

4.4. 配置 自定义内容

4.5. 点击 查看面板 中的 款式

4.6. 配置 款式

5. 创立按钮触发器

5.1. 选中 按钮组件

5.2. 点击 查看面板 中的 触发器

5.3. 配置查看手机号空值 触发器

5.3.1. 前置条件 查看组件值

5.3.1. 抉择接管值组件 查看组件值“手机号输入框”

5.3.2. 条件设置 为空

5.3.3. 值类型 显示

5.4. 配置验证码空值 触发器

5.4.1. 前置条件 查看组件值

5.4.2. 抉择接管值组件 查看组件值“验证码输入框”

5.4.3. 条件设置 为空

5.4.4. 值类型 显示

这样就能够用弹出对话框实现登录页非空提醒了。
官网链接：https://www.towify.com/#/