wx-tips

wx-tips

Usage no npm install needed!

<script type="module">
  import wxTips from 'https://cdn.skypack.dev/wx-tips';
</script>

README

Tips 微信原生tips封装

安装

npm install wx-tips  # npm安装方式
yarn add wx-tips  # yarn安装方式

使用指南

// utils/tips.js
import tips from 'wx-tips'

export default const instance = tips.getInstance({
    errorIconPath: '/images/error.png', // 错误提示图片路径  必须提供
    alertIconPath: '/images/alert.png', // alert提示图片路径 必须提供
    loadingMode: 'Loading' // 选项 NavigationBarLoading|Loading
})

// app.js
import tips '/utils/tips'

tips.alert('alert')
tips.modal('modal')
tips.loading()
tips.loaded()

tips getInstance方法参数配置

参数 说明 类型 默认值 必须
errorIconPath 错误提示图片路径 绝对路径 String '' true
alertIconPath alert提示图片路径 绝对路径 String '' true
loadingMode loading模式 Loading对应 wx.showLoading/wx.hideLoading NavigationBarLoading对应 wx.showNavigationBarLoading/wx.hideNavigationBarLoading String NavigationBarLoading false
duration 显示周期，毫秒 int 1000 false

tips 实例方法api

    static getInstance(config = {}) this
    success(title, duration = '') Promise
    modal(content = '', title = '') Promise
    confirm(content, payload = {}, title) Promise
    toast(title, hideCallback, icon = 'success', duration = '')
    loading(title = '', force = false)
    loaded()
    alert(title, duration = '') Promise
    error(title, hideCallback, duration = '')
    setLoading()