微信小程序api，带代码详解

微信小程序内置api

1、界面

1、wx.showToast(Object object)显示消息提示框

 wx.showToast({
   
       title: '你好',
       icon:"none"
     })

事件属性

属性	类型	说明
success	function	接口调用成功的回调函数
fail	function	接口调用失败的回调函数
complete	function	接口调用结束的回调函数 （成功失败都会调用）

2、wx.hideToast(Object object)隐藏消息提示框
2秒后关闭提示

  setTimeout(() => {
   
     wx.hideToast();
    }, 2000)

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

  wx.showModal({
   
      title:"需要看广告才能解锁",
      content:"每天试用两次"
    })

属性	类型	默认值	说明
title	string	无	提示的标题
content	string	无	提示的内容
showCancel	boolean	true	是否显示取消按钮
cancelText	string	‘取消’	取消按钮的文字 最多4个字符
cancelColor	string	#000	取消按钮的文字颜色，必须是16进制格式的颜色字符串
confirmText	string	‘确定’	确认按钮的文字，最多4个字符
confirmColor	string	#576B95	确认按钮的文字颜色，必须是16进制格式的颜色字符串

4、wx.showLoading(Object object) 提示框
需主动调用 wx.hideLoading 才能关闭提示框

wx.showLoading({
   
      title: '加载中。。。'
    })

setTimeout(() => {
   
      wx.hideLoading();
    }, 2000)

注意：
①wx.showLoading 和 wx.showToast 同时只能显示一个
②wx.showToast 应与 wx.hideToast 配对使用
5、wx.showActionSheet(Object object)显示操作菜单

属性	类型	默认值	说明
itemList	Array	无	按钮的文字数组，数组长度最大为
itemColor	string	#000	按钮的文字颜色
success	function	无	接口调用成功的回调函数
fail	function	无	接口调用失败的回调函数
complate	function	无	接口调用结束的回调函数 （成功失败都会调用）

位置api

（1）wx.getLocation(Object object)
作用：获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用。
注意：调用前需要 用户授权 scope.userLocation

success成功回调函数参数