小程序常用界面交互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
});
相关推荐
wycode几秒前
Vue2实践(3)之用component做一个动态表单(二)
前端·javascript·vue.js
用户10922571561016 分钟前
你以为的 Tailwind 并不高效,看看这些使用误区
前端
意会31 分钟前
微信闪照小程序实现
前端·css·微信小程序
onejason31 分钟前
《利用 Python 爬虫获取 Amazon 商品详情实战指南》
前端·后端·python
用户67375280188435 分钟前
鸿蒙开发:应用内如何做更新
前端
zxhnext1 小时前
LLM大语言模型入门
前端·后端
知心宝贝1 小时前
写了那么久的前端,你真的了解浏览器背后的“小动作“吗?
前端·程序员·浏览器
wycode1 小时前
Vue2实践(2)之用component做一个动态表单(一)
前端·javascript·vue.js
维李设论1 小时前
前端智能化 | AG-UI实践及原理浅析
前端·aigc·agent
第七种黄昏1 小时前
Vue3 中的 ref、模板引用和 defineExpose 详解
前端·javascript·vue.js