专栏首页极乐技术社区DEMO | 8种精美自定义Model弹窗

DEMO | 8种精美自定义Model弹窗

DEMO

介绍

微信小程序自定义弹窗,日常项目中写的,顺便开源,也方便自己复制粘贴 第一版,有机会慢慢完善

效果图

使用教程

1、复制粘贴 component/modal 文件夹

2、app.json 中引用:

"usingComponents": {

"diy-modal": "/component/modal/index"

}

3、app.js 中:

import diyModal from './component/modal/modal';

App({

diyModal: diyModal,

});

4、page.wxml 中:

<diy-modal id="diy-modal"></diy-modal>

5、page.js 中:

const app = getApp();

app.diyModal.show({

title: '标题',

content: '内容',

tip: '内容下灰色的提示小字',

showCancel: false,

cancelText: '取消',

confirmText: '确定',

confirm(e) {

//点击确定

},

cancel() {

//点击取消

},

});

// 主动隐藏弹窗

app.diyModal.hide()

本文分享自微信公众号 - 极乐技术社区(wxapp-union),作者:小程序公社

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2021-04-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序自定义模态弹窗(wcPop)|多种弹窗样式

    在平时微信小程序开发中,弹窗应用场景还是蛮广泛的,如果你刚好项目开发中用到的话,希望对你有用~

    andy2018
  • Qt编写自定义控件54-时钟仪表盘

    这个控件没有太多的应用场景,主要就是练手,论美观的话比不上之前发过的一个图片时钟控件,所以此控件也是作为一个基础的绘制demo出现在Qt源码中,我们可以在Qt的...

    feiyangqingyun
  • Qt编写自定义控件24-图片轮播控件

    上一篇文章写的广告轮播控件,采用的传统widget堆积设置样式表做的,这次必须要用到更高级的QPainter来绘制了,这个才是最高效的办法,本控件参考雨田哥的轮...

    feiyangqingyun
  • JFinal极速开发框架使用笔记

    记录第一次使用JFinal,从简单的框架搭建到增删改查,从自带的方法到正常框架习惯的使用方式。  JFinal官网:http://www.jfinal.com/...

    二十三年蝉
  • Qt编写自定义控件19-图片背景时钟

    图片背景时钟控件,是全套控件(目前共145个)中唯一的几个贴图的控件,这个背景要是不贴图,会画到猝死,必须用美工做好的图贴图作为背景,此控件以前学C#的时候写过...

    feiyangqingyun
  • Linux桌面程序开发 | Study Python For Gtk3

    AlicFeng
  • Qt编写自定义控件53-自定义宽高下拉框

    默认的qcombobox控件,如果元素item中的内容过长超过控件本身的宽度的话,会自动切掉变成省略号显示,有些应用场景不希望是省略号显示,希望有多长就显示多长...

    feiyangqingyun
  • 加强版uniapp全端弹出框组件|uni-app自定义扩展popup

    目前在uniapp项目开发中,使用比较多的弹框是官方扩展的uni-popup组件和uView-ui提供的u-popup组件。使用过的都知道,功能有一些局限性。

    andy2018
  • 一款比较实用齐全的jQuery 表单验证插件

    一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢...

    Java架构师必看
  • Qt编写自定义控件47-面板区域控件

    在很多web网页上,经常可以看到一个设备对应一个面板,或者某种同等类型的信息全部放在一个面板上,该面板还可以拖来拖去的,这个控件首次用在智能访客管理平台中,比如...

    feiyangqingyun
  • Qt编写自定义控件15-百分比仪表盘

    百分比仪表盘,主要的应用场景是展示销售完成率、产品合格率等,也可以作为一个进度百分比展示,可以独立设置对应的标题文字,标题文字的颜色和整体的颜色都可以单独设置,...

    feiyangqingyun
  • JavaScript 基础语法

    讲法声明 - 很重要,请先查看 关于JavaScript的讲法,我们采取的方式与HTML&CSS类似,先在课程中带大家,以“实现页面小功能”为目的,一步一步的进...

    HTML5学堂
  • 基于.net开发chrome核心浏览器【五】

    一:本篇将解决的问题 本章主要为了解决一下几个问题: 1.JsDialog的按钮错位的问题   我们开发出的浏览器,在有些操系统上调用alert,confirm...

    liulun
  • iOS支付项目实践专栏- 总目录(持续更新)

    本专栏以实战为线索,逐步深入iOS开发各个环节,掌握支付APP常用的基础功能(均含demo源码),打造完整native客户端工作流,提升工程化编码能力和思维能力...

    公众号iOS逆向
  • Qt编写自定义控件20-自定义饼图

    上次在写可视化数据大屏电子看板项目的时候,为了逐步移除对QChart的依赖(主要是因为QChart真的太垃圾了,是所有Qt的模块中源码最烂的一个,看过源码的人没...

    feiyangqingyun
  • ASP.NET MVC5+EF6+EasyUI 后台管理系统(86)-日程管理-fullcalendar插件用法

    前言 本文分享fullcalendar用法,最后面提供代码下载 说到日程管理,基于JQuery的插件FullCalendar当之无愧,完整的API稳定和调...

    用户1149182
  • MVC Scaffolding SmartCode-Engine 更新

    通过扩展visual studio.net scaffolding组件,添加了一套功能完善的代码模板,包括Controller,Model,View,Busin...

    阿新
  • 仿真软件干货教程!Workbench中水流冲击桥墩仿真教学

    首先,在Project-shematic中的左侧的Toolbox中找到对应的模块:Fluid Flow(Fluent)和Static Structural

    开物小编
  • Qt编写自定义控件31-面板仪表盘控件

    在Qt自定义控件中,仪表盘控件是数量最多的,写仪表盘都写到快要吐血,可能是因为各种工业控制领域用的比较多吧,而且仪表盘又是比较生动直观的,这次看到百度的echa...

    feiyangqingyun

扫码关注云+社区

领取腾讯云代金券