lightyear.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. var lightyear = function(){
  2. /**
  3. * 页面loading
  4. */
  5. var pageLoader = function($mode) {
  6. var $loadingEl = jQuery('#lyear-loading');
  7. $mode = $mode || 'show';
  8. if ($mode === 'show') {
  9. if ($loadingEl.length) {
  10. $loadingEl.fadeIn(250);
  11. } else {
  12. jQuery('body').prepend('<div id="lyear-loading"><div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div></div>');
  13. }
  14. } else if ($mode === 'hide') {
  15. if ($loadingEl.length) {
  16. $loadingEl.fadeOut(250);
  17. }
  18. }
  19. return false;
  20. };
  21. /**
  22. * 页面小提示
  23. * @param $msg 提示信息
  24. * @param $type 提示类型:'info', 'success', 'warning', 'danger'
  25. * @param $delay 毫秒数,例如:1000
  26. * @param $icon 图标,例如:'fa fa-user' 或 'glyphicon glyphicon-warning-sign'
  27. * @param $from 'top' 或 'bottom'
  28. * @param $align 'left', 'right', 'center'
  29. * @author CaiWeiMing <314013107@qq.com>
  30. */
  31. var tips = function ($msg, $type, $delay, $icon, $from, $align) {
  32. $type = $type || 'info';
  33. $delay = $delay || 1000;
  34. $from = $from || 'top';
  35. $align = $align || 'center';
  36. $enter = $type == 'danger' ? 'animated shake' : 'animated fadeInUp';
  37. jQuery.notify({
  38. icon: $icon,
  39. message: $msg
  40. },
  41. {
  42. element: 'body',
  43. type: $type,
  44. allow_dismiss: true,
  45. newest_on_top: true,
  46. showProgressbar: false,
  47. placement: {
  48. from: $from,
  49. align: $align
  50. },
  51. offset: 20,
  52. spacing: 10,
  53. z_index: 10800,
  54. delay: $delay,
  55. //timer: 1000,
  56. animate: {
  57. enter: $enter,
  58. exit: 'animated fadeOutDown'
  59. }
  60. });
  61. };
  62. return {
  63. // 页面小提示
  64. notify : function ($msg, $type, $delay, $icon, $from, $align) {
  65. tips($msg, $type, $delay, $icon, $from, $align);
  66. },
  67. // 页面加载动画
  68. loading : function ($mode) {
  69. pageLoader($mode);
  70. }
  71. };
  72. }();