效果:
使用方法:
-
下载代码
-
将components文件加下的dialog目录拷贝到你的小程序目录下
-
在你要使用的页面json文件中引入组件,如下:
{ "usingComponents": { "com-dialog": "/components/dialog/index" } }
-
在wxml中插入组件
<com-dialog id="dialog"> <!-- 这里插入组件内容 --> </com-dialog>
-
在js中调用显示组件
Page({ onLoad: function (options) { this.dialog = this.selectComponent("#dialog") }, hideDialog: function(event){ this.dialog.hideDialog() } showDialog: function(event){ this.dialog.showDialog() } })
如果有任何问题或者建议,欢迎在issue中提出!!