uni.showLoading关闭
时间: 2024-03-29 09:31:04 浏览: 318
根据提供的引用内容,可以使用uni.hideLoading()方法来关闭uni.showLoading()显示的加载动画。下面是一个示例代码:
```javascript
uni.showLoading({
title: '加载中'
});
setTimeout(() => {
uni.hideLoading();
}, 2000);
```
在上述代码中,我们首先调用uni.showLoading()方法显示加载动画,并设置了一个标题。然后使用setTimeout()函数来延迟2秒后调用uni.hideLoading()方法来关闭加载动画。
相关问题
uni.showLoading({ mask: !0 }) installDetailAdd(this.form).then(res => { uni.showToast({ title: '提交成功', icon: 'none', mask: !0 }) uni.$emit('refresh') setTimeout(() => { uni.navigateBack() }, 1500);
这段代码看起来是一个 Vue.js 组件里的 JavaScript 代码,主要是在提交表单后进行一些 UI 的交互。具体来说,它包括以下几个部分:
1. `uni.showLoading({ mask: !0 })`: 显示一个加载中的提示框,其中 `mask: !0` 表示显示为一个遮罩,遮盖住页面,防止用户进行其他操作。
2. `installDetailAdd(this.form).then(res => { ... })`: 调用一个名为 `installDetailAdd` 的函数,并在它的返回值上注册一个回调函数。这个函数可能是向服务器提交表单数据的函数,`this.form` 可能是表单数据的一个对象。
3. `uni.showToast({ title: '提交成功', icon: 'none', mask: !0 })`: 提示用户提交成功,其中 `icon: 'none'` 表示不显示图标。
4. `uni.$emit('refresh')`: 在 Vue.js 中,`$emit` 是一个事件触发器,用于在父组件中监听子组件的事件。这里的 `refresh` 可能是一个自定义事件名,用于告诉父组件需要刷新数据。
5. `setTimeout(() => { uni.navigateBack() }, 1500);`: 设置一个定时器,在 1500 毫秒后返回上一页,也就是关闭当前页面。
总的来说,这段代码的作用是在提交表单后,显示一个加载中的提示框,然后调用一个函数提交数据,提交成功后提示用户,并通知父组件刷新数据,最后返回上一页。
uni.showToast
`uni.showToast()` 是uni-app框架中用于显示轻量级提示的方法。它可以在屏幕底部显示一个自动消失的提示框,用向用户显示简短的消息或操作结果。
使用 `uni.showToast()` 方法时,你需要传入一个包含以下属性的配置对象作为参数:
- `title`: 要显示的提示消息文本。
- `icon`: 提示图标,可选值包括 "success"、"loading"、"none"。
- `duration`: 提示框显示时间,单位为毫秒,默认为 1500 毫秒。
- `mask`: 是否显示透明蒙层,防止触摸穿透,默认为 false。
示例代码如下:
```javascript
uni.showToast({
title: '操作成功',
icon: 'success',
duration: 2000,
mask: true
});
```
上述示例会在屏幕底部显示一个带有成功图标的提示框,并在2秒后自动消失。
需要注意的是,`uni.showToast()` 方法只是显示一个提示框,不会阻塞代码执行。如果需要在提示框关闭后执行一些操作,可以使用回调函数或者异步处理。
此外,uni-app还提供了其他类似的方法,如 `uni.hideToast()` 用于隐藏提示框,`uni.showLoading()` 用于显示加载中提示框等。可以根据需求选择适合的方法来展示提示信息。
阅读全文