实现效果
这里就简单模拟一个修改密码然后需要弹窗提示的场景吧。可能有些丑然后文案逻辑都有些随意各位看官不要太介意。输入原密码
,新密码
和确认密码
后点击确定修改,然后弹出一个确定修改的对话框。
核心思路
- 由于我们需要在点击事件之后在原有页面上展示出一个原来没有的对话框,所以我们需要使用一个动态面板。
- 动态面板只有一个状态
State1
,我们将对话框的样式设定好,然后放在动态面板的State1
状态中。 - 将动态面板的初始状态设置为不可见。然后再给相应的按钮添加点击事件,点击将动态面板的状态设置为可见。
步骤一
首先我们需要添加一个动态面板,由于该动态面板是要显示对话框的,我们就叫它对话框动态面板好了
步骤二
双击该动态面板,设置该动态面板的State1
状态,添加相应的提示文字以及按钮,然后稍微调整下样式。
步骤三
回到我们的主页