摹客教程

摹客教程

摹客,让设计更快更简单

弹窗组件

弹窗组件是一种特殊的弹出面板,可弹出提示框,主要用于手机项目。

添加弹窗组件

从组件面板的交互面板中,拖出弹窗组件。

1-弹窗.png

属性设置

弹窗中有且仅有一个提示框组件,默认位于手机页面中央。你可通过属性设置修改弹窗的位置与关闭策略。

2-弹窗.png

定位策略有自由定位、相对于屏幕、相对于源组件三种。

  • 自由定位表示你可以拖动弹窗到屏幕任意位置,弹出时便在你指定的位置出现。自由定位还可设置动画效果与延迟时间属性。
  • 相对于屏幕表示弹窗的位置是与屏幕相关的,可是在屏幕顶部、中间、底部三个位置,水平位置可自定义。
  • 相对于源组件表示弹窗的位置与触发弹窗的组件所在位置相关,可以设置为源组件的顶部、底部、左侧、右侧四个位置。

定位策略可以帮助我们在不同条件下触发弹窗,弹窗弹出的位置都是我们预设的可见位置。

关闭策略属性可设置为无、点击外部关闭、点击所有位置关闭。

3-弹窗.png

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!