【Jeecg-Uni-app】加载进度动画和关闭

加载进度条

uni.showLoading()

uni.hideLoading()

 

 

uni.showLoading({ 
    title:'正在提交...' 
}); 
let data = JSON.parse(JSON.stringify($this.sendData)); 
const r = instance.post({ 
    url : url, 
    data: data 
}).then(res => {
    console.log(res) 
    uni.showToast({ title: '提交成功', icon: "none", position:'bottom'}); 
}).catch(err => {
    uni.showToast({ title: '提交失败', icon: "none", position:'bottom'}); 
}).finally(() => {
    uni.hideLoading(); 
    console.log('finally') 
});

 

代码案例：

 

          query() {
                
                uni.showLoading({
                    title: '加载中...',
                    mask: true
                });
                this.loadingModal = true

                this.$http.get(this.listUrl, {
                    params: {
                        pageCurrent: '1',//  当前页
                        pageSize: '10',// 每页记录数
                    }
                }).then(res => {
                    console.log('返回列表数据：',res)
                    if (res.data.success) {
                        if (res.data) {
                            this.queryData = res.data.result
                            this.list = res.data.result.tasks.records
                            console.log('返回列表数据：this.list = ', this.list)

                        }
                    } else {
                        this.queryData = []
                        console.log("请求错误")
                        uni.showModal({
                            content: res.data.message,
                            showCancel: false,
                            confirmText:'关闭',
                        })
                        this.loadingModal = false
                    }
                }).catch(e => {
                    console.log("请求错误", e)
                    this.errorDialogText = "请求异常，请联系管理员！"
                    this.errorDialogShow = "show"
                }).finally(() => { 
                    uni.hideLoading(); 
                    console.log('finally') 
                });
                this.loadingModal = false
            },