你不知道的提示框美化方法

Simon.hu

本帖最后由 AdamWen 于 2021-1-28 14:05 编辑

在学习与使用活字格的过程中，发现调用“弹出消息框“命令时，默认采用的是alert()方法，对于审美观点越来越高的人们来说，这显然是不能接受的

，好在活字格为我们预留了灵活的接口，可以通过其他方式实现。

方式一、通过页面弹出方式模拟

1、在活字格设计器中新建页面，页面尺寸采用400*150即可；
2、在页面上设置好图片，提示信息(提示信息可采用传值方式动态修改)及按钮；
示例如下：
image.png20695189.png

3、在需要绑定命令的地方或按钮上设置页面弹出命令

image.png831142883.png

4、运行后效果如下：
image.png388863524.png

方式二、使用如layui或者artdialog等第三方插件

1、下载第三方插件
2、通过”文件“->”设置“->”自定义JavaScript或css“菜单
image.png719538268.png

3、在需要绑定命令的逻辑代码处或按钮上设置JavaScript命令并设置相应的调用方法
image.png690896911.png

4、运行效果如下：

以上就是暂时发现的消息弹出框美化方法，请大家批评指正。

在学习和使用活字格的过程中，最深的感受和体会是活字格为我们预留了各种灵活的接口方便开发者实现自己想要的效果，相信还有很多使用技巧等待我们去探索和发现，加油。

宋小猫 · 宋小猫

回复 · 18791208143

码贴出来啊

蓝色de浮萍 · 蓝色de浮萍

思路不错，建议将第三方插件也共享出来

Simon.hu · Simon.hu

我感觉这个插件也很靠谱~
命令类型插件 - 高级消息弹出框
https://gcdn.grapecity.com.cn/fo ... 2&fromuid=30160

xingrui · xingrui

Simon.hu · Simon.hu

牛~

回复 · 18791208143

qiu123 · qiu123

qiu123 · qiu123

		自动登录	找回密码
密码			立即注册

[使用感受] 你不知道的提示框美化方法