2.0.0 • Published 2 years ago

@xudaocong/wxia v2.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

微信小程序 - Api - 界面 - 交互 二次封装 NPM 包

(注:封装后的方法均返回 Promise 对象)
  1. 二次封装的 Api 如下

    • wx.showToast(Object object)
    • wx.showModal(Object object)
    • wx.showLoading(Object object)
    • wx.showActionSheet(Object object)
  1. npm 包的安装

    • npm install @xudaocong/wxia
    • 在项目中 import 或者 require 即刻 import IA from "@xudaocong/wxia" const IA = require("@xudaocong/wxia")
  2. npm 在项目引用后 IA 提供的方法

    • IA.Toast.xxx
      1. IA.Toast.success(Content,ImgUrl,Time,Mask)

      2. IA.Toast.fail(Content,ImgUrl,Time,Mask)

      3. IA.Toast.alert(Content,Time,Mask)

        Content = 显示文案

        ImgUrl = 图片地址(可不传,默认有‘打钩’图标)

        Time = 显示时长(默认 2000ms)

        Mask = 是否显示透明蒙层,防止触摸穿透(默认 false)

    • IA.Modal.xxx
      1. IA.Modal.select(Content,ConfirmText,CancelText,ConfirmColor,CancelColor)

      2. IA.Modal.confirm(Content,ConfirmText,ConfirmColor)

      3. IA.Modal.alert(Content,ConfirmText,ConfirmColor)

      4. IA.Modal.input(PlaceholderText,ConfirmText,CancelText,ConfirmColor,CancelColor)

        Content = 显示文案

        ConfirmText = 主按钮文本(默认 确定)

        CancelText = 副按钮文本(默认 取消)

        ConfirmColor = 主按钮文本颜色(默认 #ec4141)

        ConfirmColor = 副按钮文本颜色(默认 #333333)

        PlaceholderText = 输入框提示文案(默认 请输入)

    • IA.Load.xxx
      1. IA.Load.show(Content,Callback)

      2. IA.Load.hide()

        Content = 显示文案(默认 加载中...)

        Callback = 回调函数(默认为 ()=>{} *可传递接口请求方法)

    • IA.ActionSheet.xxx
      1. 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 可能不显示)