微信小程序-界面提示框和消息

一.Loading加载框

小程序提供了wx.showLoading用来在加载界面的时候使用,比如加载图片和数据的时候可以使用。

常常和wx.hideLoading()配合使用,否则加载框一直存在。

其效果如下:

代码如下:

    //显示加载消息
    wx.showLoading({
      //提示内容不会换行,注意字数
      title: '数据加载...',
      //是否透明蒙层,防止触摸穿透
      mask:true
    })

        //关掉loading提示框,和showLoading连用
        wx.hideLoading()

二.模态对话框和消息提示框

模态对话框:wx.showModal 用来展示和用户的对话,比如是否删除,是否修改等。

消息提示框:wx.showToast 用来和模态对话框配合使用,比如删除成功,删除失败等。

模态对话框效果:

代码:

    const {confirm} = await wx.showModal({
      title: '提示',
      content: '是否删除?'
      // complete: (res) => {
      //   if (res.cancel) {
          
      //   }
    
      //   if (res.confirm) {
          
      //   }
      // }
    })

消息对话框效果:

代码:

      //显示消息提示框
       wx.showToast({
         title: '成功',
         icon:'none',
         duration:2000
       })
相关推荐
尘浮生27 分钟前
Jav项目实战II基于微信小程序的助农扶贫的设计与实现(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·汽车·旅游
1号全栈玩家1 小时前
【小白可懂】微信小程序---课表渲染
微信小程序·小程序·微信小程序课表实现·小程序课表思路
先知demons5 小时前
uniapp开发微信小程序笔记2-开发静态页面(新建页面、内置组件、设置编译模式、样式、SCSS的使用)
笔记·微信小程序·uni-app
说私域7 小时前
社群在 2+1 链动模式 S2B2C 商城小程序社交新零售运营中的价值与应用
大数据·小程序·零售
晓风伴月7 小时前
uniapp: vite配置rollup-plugin-visualizer进行小程序依赖可视化分析减少vender.js大小
小程序·uni-app·vender.js
Mr.Liu68 小时前
小程序20-样式:自适应尺寸单位 rpx
前端·微信小程序·小程序
Mr.Liu68 小时前
小程序19-微信小程序的样式和组件介绍
前端·微信小程序·小程序
说私域8 小时前
营销手段的变革:开源 AI 智能名片与 S2B2C 商城小程序在新趋势下的机遇与挑战
人工智能·小程序
多客软件佳佳14 小时前
2024游戏陪玩app源码的功能介绍/线上陪玩交友上线即可运营软件平台源码搭建流程
游戏·小程序·前端框架·uni-app·php·交友
万物已到极致16 小时前
微信小程序:vant组件库安装步骤
微信小程序·小程序