具有一定交互功能的动态弹窗如何设计

　　我们要如何去设计，具有一定交互功能的动态弹窗呢？一起来文中看看~
　　相关介绍
　　页面布局
　　首先，从左侧元件库内拉入一个【椭圆形】，大小尺寸为100*100，填充色为白色，并设定阴影。
　　其次，将相关图标嵌入原件之内，上下居中对齐，与元件形成一个原型按钮，当鼠标悬停、按下、选中，则图标的颜色会改变。
　　状态栏等其他页面内元素可以忽略不计，具体页面元素命名如下：
　　动态交互
　　（1）效果设计
　　实现按钮悬停、按下、选中的动态效果：
　　选中【椭圆形】&【图标】，设置其交互样式，分别将图标的第二状态样式导入鼠标悬停、鼠标按下、选中三种动态交互的图标之内。
　　实现弹窗的隐藏、显示、布局的效果：
　　选中【弹窗组合】文件转变成【动态面板】，点击鼠标右键，在弹出框内先将动态面板设定成隐藏。
　　（2）交互流程
　　实现按钮与弹窗的交互操作效果：
　　步骤一：设置按钮与弹窗之间的交互触发
　　选中【椭圆形】&【图标】，点击添加用例中的鼠标点击用例，配置相关的动作。
　　步骤二：设点击按钮，弹窗显示，并上下左右居中
　　在【配置动作】区域内，勾选【弹窗组合】文件，【可见性】勾选成【显示】，并勾选【置于顶层】，【更多选项】内选择成【灯箱效果】，【背景色】为黑色（#000000），透明度为50%。
　　步骤三：设置弹窗内描述1的文本
　　在【配置动作】区域内，勾选【弹窗组合】文件内的【描述1】元件，设置文本为：【值】，编辑文本为（fx）：是否将此条信息推送给产权部相关负责人员？
　　步骤四：点击弹窗内取消按钮，弹窗消失
　　在【配置动作】区域内，勾选【交互性弹窗】和【弹窗组合】，【可见性】勾选成【隐藏】即可。
　　步骤五：点击弹窗内确定按钮，弹窗内描述1的内容改变，并在一定的时间内自动消失
　　在【配置动作】区域内，勾选【弹窗组合】内的【描述1】元件，设置文本为：【值】，编辑文本为（fx）：信息推送成功！
　　然后添加【其他】中的【等待】动作，等待时间（Wait time）为3000毫秒。
　　最后，在【配置动作】区域内，勾选【交互性弹窗】内的【弹窗组合】，【可见性】勾选成【隐藏】即可。
　　细节补充
　　（1）弹窗上下左右居中
　　双击【交互性弹窗】【动态面板】将其勾选为【自动调整为内容尺寸】，【固定浏览器】为上下左右居中。
　　（2）预览效果
　　结语
　　请路过的朋友们多多支持哈，卧枕江山在这里先谢谢了，以后会有更多优质的文章和产品在这个平台上进行发布，请尽请期待呦！