小白开发微信小程序22--界面API

1、什么是api

微信内置api小程序中的 API 是由宿主环境提供的,通过这些丰富的小程序 API,开发者可以方便的调用微信提供的能力,小程序开发框架提供丰富的微信原生 API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。

小白开发微信小程序22--界面API_第1张图片

2、界面api

界面 API 列表:

wx.showToast 显示提示框

wx.showLoading 显示加载提示框

wx.hideToast 隐藏提示框

wx.hideLoading 隐藏提示框

wx.showModal 显示模态弹窗

wx.showActionSheet 显示菜单列表

wx.setNavigationBarTitle 设置当前页面标题

wx.showNavigationBarLoading 显示导航条加载动画

wx.hideNavigationBarLoading 隐藏导航条加载动画

wx.navigateTo 新窗口打开页面

wx.redirectTo 原窗口打开页面

wx.switchTab 切换到 tabbar 页面

wx.navigateBack 退回上一个页面

wx.createAnimation 动画

wx.createContext 创建绘图上下文

wx.drawCanvas 绘图

wx.stopPullDownRefresh 停止下拉刷新动画

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

参数

小白开发微信小程序22--界面API_第2张图片
小白开发微信小程序22--界面API_第3张图片

注意

  • wx.showLoading 和 wx.showToast 同时只能显示一个

  • wx.showToast 应与 wx.hideToast 配对使用

示例代码

  1. 添加页面myapi,页面添加2个按钮

小白开发微信小程序22--界面API_第4张图片

2、js代码

小白开发微信小程序22--界面API_第5张图片

3、编译运行

小白开发微信小程序22--界面API_第6张图片

2、wx.showModal(Object object):显示模态对话框

小白开发微信小程序22--界面API_第7张图片
小白开发微信小程序22--界面API_第8张图片

示例代码

页面上添加button,绑定事件bindtap

小白开发微信小程序22--界面API_第9张图片

编写js代码

小白开发微信小程序22--界面API_第10张图片

运行结果:

小白开发微信小程序22--界面API_第11张图片
小白开发微信小程序22--界面API_第12张图片
小白开发微信小程序22--界面API_第13张图片

你可能感兴趣的:(小白开发微信小程序,微信小程序,小程序,微信,前端,组件)