uni-app 弹出框插件 模态框 超级好用

记得刚毕业上班的时候感觉代码越多越牛,脑子里没有什么优化的概念,现在真的感觉用越少的代码实现功能才是牛人。上一篇uni-app 拨打电话功能 这里面实用的弹出框,不是我自己写的,直接用的一款官网的插件,真的是非常的简单,功能很实用。虽然网上可以直接搜到,但是我还是想在这里整理一下。

效果图:

看看就是这么简单有好用,使用起来很方便的。

1.下载压缩包并且安装到项目中

插件市场—-> 下载

2.正确引用组件,并在components中注册

//引入

import clxDialog from 'clx-dialog.vue'

//注册

components: {

clxDialog

},

3.使用组件的参数说明

1 、isShow 控制弹出框的展示

2、 dialogConfirm 点击确定之后的回调函数

3 、dialogCancel 点击取消之后的回调函数

4 、cancelText 取消文字

5 、confirmColor 确定文字的颜色

6 、confirmText 确定文字

7 、isShowCancel 是否显示取消按钮

8 、textalign 对其方式默认为center

9 、content 内容

10 、title 标题

真的是非常的喜欢这个插件了优点抢眼:小程序dialog展示,无爆红,支持各种传参。小月博客强烈推荐

uniapp弹出框_uni-app 弹出框插件 模态框 小程序dialog相关推荐

  1. 微信小程序android错误,app安卓端 跳转到微信小程序失败

    详细问题描述 (DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题) [内容] app安卓端跳转到 ...

  2. 【uni-app】详细总结uni-app基础知识和如何配置项目,运行到模拟器和小程序端,附案例和图(建议收藏)

    1- uni-app 简介 1.1 介绍 uni-app 是一个使用 Vue.js 开发所有前端应用的框架. 开发者编写一套代码,可发布到 iOS.Android.H5.以及各种小程序(微信/支付宝/ ...

  3. 把你们的APP卸载了吧,来玩小程序。

    微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 互联网快速消费时代,很多网站及服务推出了相应APP,但对于手机内存并不宽裕的用户来说,下载资源不 ...

  4. html打开微信搜索页,微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)...

    上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面 搜索 .search{ width: 80%; } .search_arr { border: 1px solid # ...

  5. Shopro商城,基于Fastadmin和Uniapp进行开发的多平台(微信公众号、微信小程序、H5网页、Android-App、IOS-App)购物商城

    Shopro商城 基于Fastadmin和Uniapp进行开发的多平台(微信公众号.微信小程序.H5网页.Android-App.IOS-App)购物商城,拥有强大的店铺装修.小程序直播.自定义模板. ...

  6. html怎么自动弹出模态框,纯CSS实现带点击模态框外部自动关闭的模态框

    在网页中我们经常会用到模态框,一般会用于显示表单或者是提示信息.由于模态框涉及到页面上比较多的交互效果,最简单的交互就是打开以及关闭两个操作,而关闭又会涉及是否需要在打开状态下点击模态框外部能够关闭这 ...

  7. uniapp开发:瀑布流 灵活配置 简单易用 兼容vue2vue3小程序、H5、app等多端

    概要 支持的平台 使用方式 属性说明 事件说明 组件方法 refresh的使用示例 隐藏单项图片示例 完整示例 温馨提示 关注我,不迷路 概要 custom-waterfalls-flow是一个瀑布流 ...

  8. uni app 调用网络打印机_前端工程师 | 原生小程序坑点:uni-app到底好用在哪里?...

    要想知道uni-app开发好用在哪里,我们先看看uni-app的官网,下图 系统的介绍.框架.组件.api的使用都非常的详细,感兴趣的朋友可以去尝试尝试. 我们进图正题,首先和原生小程序来比较,其次和 ...

  9. uni-app实现发送到朋友圈,微信好友等功能兼容小程序app

    做小程序或app,其本都需要用到这个功能,这里详细总结一下相关步骤.大概就是实现下图的三个功能: 一,保存图片功能(小程序和APP一样) <view @click="baoimgFn& ...

  10. uni-app 利用canvas进行画框,移动框,放大缩小并删除,目前支持小程序,h5,其他没测试过

    目前没有在小程序上自主画框的,参考了网上资源,但是小程序跟原生的vue写法还是有差别,攻克了很多难题,这里分享给大家 先看运行结果 1.页面标签 <view class="tc&quo ...

最新文章

  1. Unity学习笔记2 简易2D横版RPG游戏制作(二)
  2. css不换行属性_那些不常见,但却非常实用的 css 属性
  3. ASP.NET MVC4学习笔记之Controller的激活
  4. PhotoSwipe 图片浏览插件使用方法
  5. HTML和css重要的知识点,html 和 css 基础知识点(一)(示例代码)
  6. 项目开发日志:Build AssetBundle——SpriteAtlas(已解惑)
  7. 电子计算机应由,计算机
  8. 微信支付,银联支付,支付宝支付——三大支付总结
  9. mysql 基于 ssl 的主从复制
  10. 如何删除尾随换行符?
  11. 第九届蓝桥杯单片机省赛试题
  12. 为什么会有带www的域名和不带www的域名
  13. ue4创建一个游戏模式Game mode
  14. pdf压缩工具_18MB秒变1MB,最好用的PDF在线压缩工具
  15. C语言及ARM中堆栈指针SP设置的理解与总结
  16. 选择排序-简单选择排序
  17. word2016如何加载endnote x7,如何连接word和endnote
  18. C# WebBrowser无法跳转默认浏览器问题
  19. C语言——计算2的N次方
  20. MOOG伺服阀D634-501A

热门文章

  1. jQuery源码分析系列(35) : Ajax - jsonp的实现与原理
  2. [C++] socket - 2 [UDP通信C/S实例]
  3. 15条经典实用的网站优化技巧
  4. 一个日志框架的开源,有些不错的创意。
  5. ARM开发7.3.4 基础实训( 4 ) 矩阵式键盘的输入系统设计--LPC21XX
  6. php pdo 抛出异常模式,php实现的PDO异常处理操作分析
  7. 单纯学python能干啥_如何高效学习Python编程,转行的朋友可以过来看看,单纯的经验分享...
  8. fastjson safemode_Fastjson远程代码执行漏洞安全通告
  9. sqlite3_get_table()
  10. Response.Redirect在新窗口打开