ThinkSSL🔒 一键申购 5分钟快速签发 30天无理由退款 购买更放心 广告
## **功能介绍:** 当鼠标悬停或是点击某一元素时,触发弹窗效果:显示设置好的隐藏内容,如微信二维码、提示信息等 ## **使用说明:** 弹窗组件有两部分组成,可以分别插入不同的组件。如图所示下面一栏是触发弹窗的部分,上面一栏是跳出的弹窗效果。 :-: ![](https://img.kancloud.cn/c0/f0/c0f0761b4dcc2883a6d79bd3f78205e0_402x335.png) 举例来说我们可以在下面插入一个按钮组件,以此来作为触发弹窗的按钮。双击蓝色部分的 “**弹窗组件**”唤出 编辑栏 ,点击最右侧的 “**显示/隐藏弹窗**” 按钮即可进行弹窗部分的设置。 :-: ![](https://img.kancloud.cn/2f/5b/2f5b616e7fd1e0a2c20b5b212d3b1808_407x358.png) 这里我加入了一个图片组件来作为说明,上下两栏插入的组件和在板块上插入的组件相同,样式都是可以修改的,这里就不再赘述。 点击 “**编辑栏**” 最左侧的设置,可以在跳出的弹窗中进行相应的 **交互方式** 设置(分为**鼠标悬停**与**鼠标点击**触发弹窗两种方式) :-: ![](https://img.kancloud.cn/9e/28/9e2880a0adac2062150d2809d0a364de_833x638.png) **弹出位置** 以及 **偏移** 的设置可以让弹窗出现在你想要的位置,最后的 **动画** 则可以设置弹窗出现的动画效果。 我们同样支持设置弹窗的大小,就在 **弹窗组件编辑栏** 的 **样式** 里即可设置,这里还有**背景、边距、圆角和边框以及阴影**的设置。