小程序常用界面交互api

1. wx.showToast 显示消息提示框

显示一个消息提示框,一般用于操作成功后的提示

javascript 复制代码
wx.showToast({
  title: '操作成功',
  icon: 'success',
  duration: 2000
});

2. wx.showModal 显示模态弹窗

显示一个模态弹窗,可以用于提醒用户重要信息或让用户进行选择

javascript 复制代码
wx.showModal({
  title: '提示',
  content: '确认删除此项吗?',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
});

3. wx.showLoading 加载中

javascript 复制代码
wx.showLoading({
  title: '加载中',
})

//关闭:wx.hideLoading()

4. wx.showActionSheet 显示操作菜单

显示操作菜单,一般用于用户选择操作项

javascript 复制代码
wx.showActionSheet({
  itemList: ['选项1', '选项2', '选项3'],
  success: function (res) {
    console.log('选择了第' + res.tapIndex + '项')
  },
  fail: function (res) {
    console.log(res.errMsg)
  }
});

5. wx.pageScrollTo 页面滚动

javascript 复制代码
wx.pageScrollTo({
  scrollTop: 0, // 滚动到页面顶部
  duration: 300
});

6. wx.setNavigationBarTitle 设置导航栏标题

javascript 复制代码
wx.pageScrollTo({
  scrollTop: 0, // 滚动到页面顶部
  duration: 300
});
相关推荐
GIS程序媛—椰子1 分钟前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
前端青山24 分钟前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
毕业设计制作和分享1 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
从兄1 小时前
vue 使用docx-preview 预览替换文档内的特定变量
javascript·vue.js·ecmascript
清灵xmf3 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
大佩梨3 小时前
VUE+Vite之环境文件配置及使用环境变量
前端
GDAL3 小时前
npm入门教程1:npm简介
前端·npm·node.js
小白白一枚1114 小时前
css实现div被图片撑开
前端·css
薛一半4 小时前
PC端查看历史消息,鼠标向上滚动加载数据时页面停留在上次查看的位置
前端·javascript·vue.js
@蒙面大虾4 小时前
CSS综合练习——懒羊羊网页设计
前端·css