微信小程序 自定义组件

81、在根目录下新建  components 文件夹；

2、和创建普通的页面一样，创建 showLoading文件夹，里面包含 showLoading.wxml，showLoading.wxss，showLoading.js，showLoading.json 4个文件；

      

3、声明自定义组件，在 showLoading.json 中 设置 component 字段为 true；

      

4、在 showLoading.wxml 中编写弹窗组件 ；

      showLoading.wxml文件如下：

      

      showLoading.wxss文件如下：

      

5、showLoading.js 是自定义组件的构造器，是使用小程序中 Component 构造器生成的，调用 Component 构造器时可以用来指定自定义组件的属性、数据、方法等；

      

6、在index.json中引入组件；

      

7、在index.wxml中引用该组件；

      

8、在index.js中设置 isShow 页面加载完成后 三秒，isShow为false; 

      

      

9、页面显示效果： 

     

三秒之后 加载数据 弹窗 消失