前言:

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

工具:

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

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

矩形框填充颜色(方便预览)

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

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

对应图片如下:

三、添加按钮组件

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

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

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

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

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