uni-app 弹出框插件 模态框 小程序dialog

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快速入门 从零开始实现新闻资讯类跨端应用(含源码)完整无秘

纯正商业级应用-微信小程序开发实战-完整无秘

微信小程序云开发-从0打造云音乐全栈小程序 完整版

微信小程序入门与实战(最新完整版)

全部高清,无密,云盘下载

站内部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!
赞赏是最好的支持
如果对你有帮助那就支持一下吧
立即赞赏
分享到:
赞(1) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏