@xudaocong/wxia v2.0.0
微信小程序 - Api - 界面 - 交互 二次封装 NPM 包
(注:封装后的方法均返回 Promise 对象)
二次封装的 Api 如下
- wx.showToast(Object object)
- wx.showModal(Object object)
- wx.showLoading(Object object)
- wx.showActionSheet(Object object)
npm 包的安装
npm install @xudaocong/wxia
- 在项目中 import 或者 require 即刻
import IA from "@xudaocong/wxia"
const IA = require("@xudaocong/wxia")
npm 在项目引用后 IA 提供的方法
IA.Toast.xxx
IA.Toast.success(Content,ImgUrl,Time,Mask)
IA.Toast.fail(Content,ImgUrl,Time,Mask)
IA.Toast.alert(Content,Time,Mask)
Content = 显示文案
ImgUrl = 图片地址(可不传,默认有‘打钩’图标)
Time = 显示时长(默认 2000ms)
Mask = 是否显示透明蒙层,防止触摸穿透(默认 false)
IA.Modal.xxx
IA.Modal.select(Content,ConfirmText,CancelText,ConfirmColor,CancelColor)
IA.Modal.confirm(Content,ConfirmText,ConfirmColor)
IA.Modal.alert(Content,ConfirmText,ConfirmColor)
IA.Modal.input(PlaceholderText,ConfirmText,CancelText,ConfirmColor,CancelColor)
Content = 显示文案
ConfirmText = 主按钮文本(默认 确定)
CancelText = 副按钮文本(默认 取消)
ConfirmColor = 主按钮文本颜色(默认 #ec4141)
ConfirmColor = 副按钮文本颜色(默认 #333333)
PlaceholderText = 输入框提示文案(默认 请输入)
IA.Load.xxx
IA.Load.show(Content,Callback)
IA.Load.hide()
Content = 显示文案(默认 加载中...)
Callback = 回调函数(默认为 ()=>{} *可传递接口请求方法)
IA.ActionSheet.xxx
IA.ActionSheet.show(Items,itemColor,alertText)
Items = 按钮数据(默认 [] * 可传递字符串 / 对象 / 数组 格式如下)
字符串格式:按钮文本
对象格式: {name:按钮文本,callback:方法名,params:参数对象} * 没有参数可以不传 params
数组格式:["按钮1",{name:"按钮2"},{name:"按钮3",callback:方法名},{name:"按钮4",callback:方法名,params:{page:1,pageSize:10},{}}]
ItemColor = 回调函数(默认为 ()=>{} *可传递接口请求方法)
AlertText = 提示文案(默认 提示 * 基础库版本要求 2.14.0 及以上 Ios 可能不显示)