uni-app 弹出框插件 模态框 超级好用
记得刚毕业上班的时候感觉代码越多越牛,脑子里没有什么优化的概念,现在真的感觉用越少的代码实现功能才是牛人。上一篇uni-app 拨打电话功能 这里面实用的弹出框,不是我自己写的,直接用的一款官网的插件,真的是非常的简单,功能很实用。虽然网上可以直接搜到,但是我还是想在这里整理一下。
效果图:
看看就是这么简单有好用,使用起来很方便的。
1.下载压缩包并且安装到项目中
插件市场—-> 下载
2.正确引用组件,并在components中注册
//引入 import clxDialog from 'clx-dialog.vue' //注册 components: { clxDialog },
3.使用组件的参数说明
<clxDialog :isShow='show' @dialogConfirm='dialogConfirm' @dialogCancel='dialogCancel' :content="dialogContent"></clxDialog>
1 、isShow 控制弹出框的展示
2、 dialogConfirm 点击确定之后的回调函数
3 、dialogCancel 点击取消之后的回调函数
4 、cancelText 取消文字
5 、confirmColor 确定文字的颜色
6 、confirmText 确定文字
7 、isShowCancel 是否显示取消按钮
8 、textalign 对其方式默认为center
9 、content 内容
10 、title 标题
真的是非常的喜欢这个插件了优点抢眼:小程序dialog展示,无爆红,支持各种传参。小月博客强烈推荐???
————– 微信小程序 实战教程————-
uni-app快速入门 从零开始实现新闻资讯类跨端应用(含源码)完整无秘
全部高清,无密,云盘下载