uniapp 弹出框
时间: 2023-09-18 14:11:54 浏览: 75
uniapp中的弹出框可以通过几种方式实现。首先是使用uni.showLoading方法,在执行数据查询或页面数据渲染等过程中弹出加载提示弹框,示例代码如下:
```javascript
uni.showLoading({
title: '加载中...'
});
```
当数据从后端接口返回后,可以使用uni.hideLoading方法关闭加载提示弹框,示例代码如下:
```javascript
uni.hideLoading();
```
另一种方式是使用uni.showToast方法,可以在执行增加、删除、修改、查询等提交成功后弹出提示。可以通过设置title参数来指定提示的内容,通过设置icon参数来指定显示的图标,通过设置duration参数来指定显示的持续时间。示例代码如下:
```javascript
uni.showToast({
title: '成功提示',
icon: 'success',
duration: 2000
});
```
除了显示默认的success图标外,还可以自定义显示图标,如png、jpg、gif等格式,通过设置image参数来指定显示的图片位置。示例代码如下:
```javascript
uni.showToast({
title: '查询中',
image: '../../static/loading.gif',
duration: 2000
});
```
这些方法可以根据具体需求选择使用,帮助开发者实现弹出框功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)