message.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. .pear-notice .layui-this {
  2. color: #5FB878 !important;
  3. font-weight: 500;
  4. }
  5. .pear-notice {
  6. box-shadow: 0 6px 16px -8px rgb(0 0 0 / 8%), 0 9px 28px 0 rgb(0 0 0 / 5%), 0 12px 48px 16px rgb(0 0 0 / 3%)!important;
  7. }
  8. .pear-notice .layui-tab-title {
  9. display: flex;
  10. text-align: center;
  11. border-right: 1px solid whitesmoke;
  12. }
  13. .pear-notice .layui-tab-title li {
  14. flex: 1;
  15. text-align: center;
  16. border-right: 1px solid whitesmoke;
  17. }
  18. /*排除最后一个 li 右边框*/
  19. .pear-notice .layui-tab-title li:last-child {
  20. border-right: none;
  21. }
  22. .pear-notice * {
  23. color: dimgray !important;
  24. }
  25. .pear-notice {
  26. width: 360px !important;
  27. }
  28. .pear-notice img {
  29. margin-left: 8px;
  30. width: 33px !important;
  31. height: 33px !important;
  32. border-radius: 50px;
  33. margin-right: 15px;
  34. }
  35. .pear-notice-item {
  36. height: 45px !important;
  37. line-height: 45px !important;
  38. padding-right: 20px;
  39. padding-left: 20px;
  40. border-bottom: 1px solid whitesmoke;
  41. padding-top: 10px;
  42. padding-bottom: 15px;
  43. }
  44. .pear-notice-end {
  45. float: right;
  46. right: 10px;
  47. }
  48. .pear-notice-item span{
  49. height: 40px;
  50. line-height: 40px;
  51. }
  52. /** 滚动条样式 */
  53. .pear-notice *::-webkit-scrollbar {
  54. width: 0px;
  55. height: 0px;
  56. }
  57. .pear-notice *::-webkit-scrollbar-track {
  58. background: white;
  59. border-radius: 2px;
  60. }
  61. .pear-notice *::-webkit-scrollbar-thumb {
  62. background: #E6E6E6;
  63. border-radius: 2px;
  64. }
  65. .pear-notice *::-webkit-scrollbar-thumb:hover {
  66. background: #E6E6E6;
  67. }
  68. .pear-notice *::-webkit-scrollbar-corner {
  69. background: #f6f6f6;
  70. }
  71. /** 增加 empty 样式 */
  72. .pear-empty {
  73. font-size: 14px;
  74. line-height: 1.5715;
  75. min-height: 200px;
  76. display: flex;
  77. flex-direction: column;
  78. justify-content: center;
  79. align-items: center;
  80. }
  81. .pear-empty-normal {
  82. margin: 32px 0;
  83. color: #00000040;
  84. }
  85. .pear-empty-normal .pear-empty-image {
  86. height: 40px;
  87. }
  88. .pear-empty-image {
  89. height: 100px;
  90. margin-bottom: 8px;
  91. }
  92. .pear-empty-image svg {
  93. height: 100%;
  94. margin: auto;
  95. }
  96. .pear-empty-img-simple-g {
  97. stroke: #d9d9d9;
  98. }
  99. .pear-empty-img-default-g {
  100. fill: #fff;
  101. }
  102. .pear-empty-img-simple-path {
  103. fill: #fafafa;
  104. }
  105. .pear-empty-img-default-path-1 {
  106. fill: #aeb8c2;
  107. }
  108. .pear-empty-img-default-path-2 {
  109. fill: url(#linearGradient-1);
  110. }
  111. .pear-empty-img-default-path-3 {
  112. fill: #f5f5f7;
  113. }
  114. .pear-empty-img-default-path-4, .pear-empty-img-default-path-5 {
  115. fill: #dce0e6;
  116. }