墨刀点击按钮实现弹窗（超详细

前言：

墨刀是一款轻量化，易上手的小程序原型制作工具，对刚接触小程序开发的萌新来说是非常友好的。

工具：

墨刀。https://modao.cc/team/splcfoxt106adixz

一、放置一个矩形组件到编辑区，点击右侧面板的“添加组件状态”按钮。

矩形框填充颜色（方便预览）

二、编辑”组件状态“ ——显示and不显示，

• 不显示：将矩形组件移出编辑区
• 显示：则矩形组件保持不动（保证出现在你想要的位置内）
• 点击中上方”退出编辑“按钮。

对应图片如下：

 

 

 三、添加按钮组件

• 选中按钮，点击”添加事件“
• 事件：先择”单击“
• 行为：选择”切换组件状态“
• 组件：选择刚才添加的组件
• 状态：选择”显示“。

 

四、添加矩形背景，实现点击空白处关闭弹窗。

• 添加事件：与上基本相同。
• 组件状态选择不显示。

 

五、ctrl+p或 点击右上角预览按钮即可。

【注意】：弹窗“默认状态”为“不显示”。