用墨刀做弹窗遮罩，按“创建浮层—设置外观—添加打开与关闭交互”三步完成。在打开浮层的交互设置里开启遮罩，并按场景决定是否允许点击浮层外关闭。下面用“活动打卡→打卡成功”演示：点击页面按钮显示成功弹窗，关闭后仍回到当前打卡页；需要判断哪些场景适合弹窗，可结合移动端弹窗设计方法一起查看。
使用浮层组件，新建弹窗
在墨刀中创建弹窗非常简单。打开项目后，进入 组件面板，在 基础组件 中找到弹窗组件（也称浮层组件）。你可以直接拖拽到画布中，或者双击组件就能创建一个新的弹窗。
浮层放在画布上即可作为交互目标，不必为每个弹窗另建一个普通页面。先把“打卡成功”的文字、状态图标和关闭按钮放入浮层，再设置大小与样式。
设置弹窗属性
弹窗就像一个小型页面区域，你可以在里面自由添加文本、按钮、图标等元素。为了让弹窗更美观，你可以在右侧面板调整其外观属性，包括：
尺寸：默认宽度300px，高度240px，可根据需要自由调整大小。
圆角：让弹窗边角更圆润，符合界面风格。
填充色：设置背景颜色，使弹窗在页面中更醒目。
描边和阴影：增强立体感，让弹窗层次更丰富。
浮层在图层列表中管理，和页面的设备尺寸、屏幕固定区域设置分开。这里调整的是弹窗本身的外观；页面背后的暗色遮罩要在下一步的“打开浮层”交互中设置。
设置弹窗交互事件
一个好的弹窗不仅仅是静态展示，更重要的是可以交互，让原型演示更真实。墨刀提供了多种交互选项，让你的弹窗动起来。
1. 打开弹窗
选中触发元素（如按钮）。
拖拽右侧闪电按钮到弹窗上。
在“交互设置”中，把触发方式设为点击，行为设为“打开浮层”，并确认目标是刚创建的“打卡成功”浮层。
接着配置遮罩与关闭方式：在同一个“交互设置”面板中找到“遮罩”，勾选后用旁边的颜色设置调整遮罩颜色与透明度；再设置浮层位置，让成功提示出现在页面中部。普通提示可勾选“点击浮层外关闭”；涉及未保存输入或需要明确确认的操作时，取消勾选，并提供清楚的取消或关闭按钮。
打开预览，点击“打卡”后检查三件事：成功弹窗是否出现，背景页面是否被遮罩压暗，点击外侧是否按设定关闭。若背景没有变化，先检查当前按钮这条“打开浮层”事件的遮罩设置，不要只调整浮层的白色填充。
2. 关闭弹窗
选中弹窗内部触发元素（如关闭按钮）。
在右侧面板添加点击事件，进入该事件的“交互设置”。
行为选择关闭浮层。
3. 切换弹窗
当原型中有多个弹窗需要连续弹出时，可以使用切换到弹窗 功能，添加全局事件，行为选择切换到浮层，指定要切换的目标弹窗。
新弹窗会继承原弹窗的配置，包括遮罩、位置及点击弹窗外关闭等设置，无需重复操作，非常高效。
弹窗设计小技巧
在设计弹窗时，有一些小技巧可以让你的原型更加高效和真实。
使用弹窗组件可以大幅简化设计流程，不需要再为每个提示或交互新建额外页面，这样既节省时间，也让原型结构更清晰。
遮罩效果和点击弹窗外关闭功能是提升用户体验的关键，它能让弹窗在演示中更自然，操作也更直观。
通过手动调整弹窗的位置，可以让弹窗在演示状态下与页面布局完美契合，使整个交互更贴近真实产品。
如果你的原型中涉及多个弹窗，利用多弹窗切换功能可以方便实现复杂交互，比如引导式弹窗、多步骤提示或者活动轮播提示，让用户操作流程更加顺畅。
完成后再预览一次“打开—关闭—重新打开”：每次都应出现正确浮层，关闭后保留当前页面。进入墨刀，制作自己的弹窗交互，将同一浮层复用于合适的触发位置，减少重复搭建。
