主要为大家详细介绍了小程序开发之模态框组件封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

背景 开发钉钉小程序中需要用到模态框 文档里也没有 自己搞一个… 效果大概长这个样 点击指定按钮，弹出模态框，里面的内容可以自定义，可以是简单的文字提示，也可以输入框等复杂布局。操作完点击取消或确定关闭。 开始封装 上图所示文件内容放入项目即可 （路径自己高兴着来） modal.js 内容不多 但都是精华 /** * 自定义modal浮层 * 使用方法： * 你自己需要展示的内容 <

本文实例为大家分享了小程序模态框组件的封装具体代码，供大家参考，具体内容如下 一、前言 对于模态框肯定大家都知道，诸如：Bootstartp、element-ui、layui等等都有自己的弹出层，并可以之定义内容，但是小程序的弹出层原生的太简单，那么我们如果自定义呢？ 其实很简单，就是一个遮罩、一个view内容区就搞定了！接下来看一下我自己封装后的模态框效果： 感觉还可以哈！ 二、模态框组件的使用 1.先在使用页面的json注册该组件 { navigationBarTitleText: X