useMessageTip.js 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. import 'vant/es/notify/style';
  2. import {showNotify} from "vant";
  3. /**
  4. * @method showPrimaryMessage 主要通知
  5. * @param message { String } message消息文本
  6. * */
  7. const showPrimaryMessage = (message)=>{
  8. showNotify({
  9. type: 'primary',
  10. message: message
  11. });
  12. };
  13. /**
  14. * @method showSuccessMessage 成功通知
  15. * @param message { String } message消息文本
  16. * */
  17. const showSuccessMessage = (message)=>{
  18. showNotify({
  19. type: 'success',
  20. message: message
  21. });
  22. };
  23. /**
  24. * @method showDangerMessage 危险通知
  25. * @param message { String } message消息文本
  26. * */
  27. const showDangerMessage = (message)=>{
  28. showNotify({
  29. type: 'danger',
  30. message: message
  31. });
  32. };
  33. /**
  34. * @method showWarningMessage 警告通知
  35. * @param message { String } message消息文本
  36. * */
  37. const showWarningMessage = (message)=>{
  38. showNotify({
  39. type: 'warning',
  40. message: message
  41. });
  42. };
  43. /**
  44. * @method useMessageTip 消息提示框hook函数
  45. * @returns {Object} 返回消息一组提示函数
  46. * @property showPrimaryMessage {Function} 主要通知
  47. * @property showSuccessMessage {Function} 成功通知
  48. * @property showDangerMessage {Function} 危险通知
  49. * @property showWarningMessage {Function} 警告通知
  50. * */
  51. const useMessageTip = ()=>{
  52. return {
  53. showPrimaryMessage,
  54. showSuccessMessage,
  55. showDangerMessage,
  56. showWarningMessage
  57. }
  58. }
  59. export default useMessageTip;