uniapp 实现加载效果,消息提示框,模态框

简介: uniapp 实现加载效果,消息提示框,模态框

1.加载框

// 加载框
uni.showLoading({
    title: "加载中",
})
// 隐藏加载框
uni.hideLoading();

2.消息提示框

uni.showToast({
  title:"提示内容", // title 提示内容
  icon:'success', // icon 图标 有效值为 success error fail exception loading (none 不显示图标)
  image:"img",// 自定义图标
  mask:true, //mask 显示蒙层 默认为false
  duration:2000,// duration 延迟时间 默认为 1500
})
// 手动隐藏
uni.hideToast();

3.模态弹窗 uni.showModal()

uni.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定');
    } else if (res.cancel) {
      console.log('用户点击取消');
    }
  }
});
目录
相关文章
|
1月前
|
移动开发 小程序 API
uniapp组件库Modal 模态框 的使用方法
uniapp组件库Modal 模态框 的使用方法
53 1
|
8月前
|
开发工具 Android开发
【uniapp】sigmob广告加载失败:-5005、500422没有imei的解决办法(原创可用)
【uniapp】sigmob广告加载失败:-5005、500422没有imei的解决办法(原创可用)
124 1
|
1月前
|
开发者
uniapp如何分包加载
uniapp如何分包加载
91 1
|
1月前
|
API
uniapp中uview组件库丰富LoadingPage 加载页
uniapp中uview组件库丰富LoadingPage 加载页
96 0
|
1月前
|
前端开发 API
uniapp中uview组件库丰富的LoadingIcon 加载动画
uniapp中uview组件库丰富的LoadingIcon 加载动画
106 0
|
1月前
uniapp确认提示框;uniapp判断输入框值是否符合正常手机号,身份证号
uniapp确认提示框;uniapp判断输入框值是否符合正常手机号,身份证号
274 0
|
7月前
|
前端开发
uniapp常用提示框uni.showToast(OBJECT)
uniapp常用提示框uni.showToast(OBJECT)
85 0
|
8月前
|
小程序 PHP
【Uniapp小程序】实现上滑加载分页(触底加载)附后端Thinkphp代码
【Uniapp小程序】实现上滑加载分页(触底加载)附后端Thinkphp代码
|
10月前
|
JavaScript API 开发者
uniapp滚动加载 下拉刷新
在日常开发中,滚动加载和下拉刷新是非常常见的功能,页面数据过多时,需要滚动加载优化性能,本篇技术分享博客将介绍如何在uniapp中实现滚动加载和下拉刷新。至此,我们已经成功地实现了滚动加载和下拉刷新两种常见的移动端功能。大家可以进行扩充或者留言交流!通过以上示例代码,我们可以看到uniapp提供了非常方便的API来实现这些功能,使得开发者可以更加专注于业务逻辑的实现。
133 0
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现
3029 0
uniapp自带的Loading加载效果,消息提示框,模态框,超简单实现