index.ts 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. type Icon = 'success' | 'error' | 'loading' | 'none'
  2. /**
  3. * 轻提示
  4. * @param text 提示文本
  5. * @param icon 提示图标
  6. */
  7. export function showToast(text = '网络异常,请稍后再试', icon: Icon = 'none', duration: number = 3000): void {
  8. wx.showToast({
  9. title: text,
  10. icon: icon,
  11. duration: duration
  12. })
  13. }
  14. /**
  15. * 显示 loading 提示框
  16. * @param fn 回调函数
  17. * @param text 提示文本
  18. */
  19. export function showLoading(fn?: () => void, text = '正在加载...'): void {
  20. wx.showLoading({
  21. title: text,
  22. mask: true,
  23. success: () => {
  24. if (fn) fn()
  25. }
  26. })
  27. }
  28. /**
  29. * 隐藏 loading 提示框
  30. * @param fn 回调函数
  31. * @param text 提示文本
  32. */
  33. export function hideLoading(fn?: () => void, text?: string, icon: Icon = 'none'): void {
  34. wx.hideLoading({
  35. success: () => {},
  36. complete:() => {
  37. if (text) showToast(text, icon)
  38. if (fn) fn()
  39. }
  40. })
  41. }
  42. /**
  43. * 隐藏 model 提示框
  44. * @param fn 回调函数
  45. * @param title 提示文本
  46. * @param content 提示内容
  47. */
  48. export function showModel(fn?: () => void, title = '提示', content?: string, showCancel = true): void {
  49. wx.showModal({
  50. title: title,
  51. content: content,
  52. showCancel: showCancel,
  53. success: (res) => {
  54. if (res.confirm) {
  55. if (fn) fn()
  56. }
  57. }
  58. })
  59. }