关于小程序中加入lodding加载效果

//index.js
import Toast from '../../dist/toast/toast'
//获取应用实例
const app = getApp()

Page({
  data: {
    subjects: null,
    id: ""
  },
  //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  gotoDetail1: function() {
    wx.navigateTo({
      url: '../detail/detail'
    })
  },
  //钩子函数onLoad
  onLoad: function() {
    console.log(this);
    // wx.showLoading({
    //   title: '正在加载中...',
    //   mask:true
    // });
    Toast.loading({
      mask: true,
      message: '正在加载中...',
      duration:0
    });
    wx.request({
      //发送请求
      url: 'https://douban.uieee.com/v2/movie/top250?start=0&count=10', //仅为示例，并非真实的接口地址
      data: {
        x: '',
        y: ''
      },
      header: {
        'content-type': 'application' // 默认值
      },
      success: (res) => {
        console.log(this);
        console.log(res.data);
        // wx.hideLoading();
        Toast.clear();
       if(res.code==200){
         this.setData({
           subjects: res.data.subjects
         });
       }else{
          Toast.fail('服务器错误，请稍后再试！')
       }
      },
      fail:(error)=>{
        console.log(error);//打印失败的日志
        Toast.clear();
        //弹出失败的原因
        Toast.fail('服务器错误，请稍后再试！');
      },
      complete:()=>{//无论成功还是失败都加载的函数

      }
    })
  }
})