uniapp 弹出框
时间: 2023-09-18 20:11:54 浏览: 123
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>
阅读全文