微信小程序自定义组件练习----弹窗

1、在最外层目录，新建一个components目录，放置自定义组件；

2、在components目录下，右键新建Component，命名为dialog；

3、查看dialog.json，是否为

{  "component": true }

4、查看需要引用弹窗的界面index.json中(本文demo直接在index界面)，是否为

{ "usingComponents": { "dialog" : "../../components/dialog" }}

5、在index.wxml最末尾，添加

<dialog id='dialog'/>

6、在index.js的onLoad方法里，添加

this.dialog = this.selectComponent("#dialog");

7、在index.wxml里面添加一个按钮，在index.js里面添加按钮点击事件btnClick，点击显示弹窗

8、demo链接： https://developers.weixin.qq.com/s/ZkyT1smC7n4I