index.less 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .messageNoticebar{
  2. box-shadow: 1px 1px 14px -1px #767272;
  3. position: fixed;
  4. left: 0;
  5. right: 0;
  6. top: 0;
  7. z-index: 99999;
  8. opacity:0;
  9. background: #FCF6ED;
  10. .content{
  11. display: flex;
  12. flex-flow: row nowrap;
  13. align-items: center;
  14. position: relative;
  15. .noticebar{
  16. width: 60px;
  17. text-align: right;
  18. position: absolute;
  19. z-index: 1;
  20. right: 20px;
  21. }
  22. }
  23. .messageNoticebarContent{
  24. position: fixed;
  25. top: 0;
  26. left: 0;
  27. right: 0;
  28. bottom: 0;
  29. background: rgba(0,0,0,.7);
  30. display: flex;
  31. align-items: center;
  32. justify-content: center;
  33. .messageContent{
  34. margin: 0 35px;
  35. width: calc(100vw - 70px);
  36. background: #FFFFFF;
  37. border-radius: 25px;
  38. .title{
  39. text-align: center;
  40. font-size: 32px;
  41. padding: 25px 0;
  42. border-bottom: 1px #d4d1d1 solid;
  43. }
  44. .list{
  45. padding: 25px 20px;
  46. min-height: 120px;
  47. max-height: 700px;
  48. .item{
  49. padding-bottom: 20px;
  50. border-bottom: 1px #e0dede solid;
  51. margin-bottom: 30px;
  52. .itemHead{
  53. .content{
  54. font-size: 25px;
  55. font-weight: bolder;
  56. }
  57. }
  58. .itemBottom{
  59. display: flex;
  60. flex-flow: row nowrap;
  61. align-items: center;
  62. justify-content: space-between;
  63. font-size: 20px;
  64. padding-top: 25px;
  65. .noticeTypeName{
  66. }
  67. .createTimeFormattedDate{
  68. }
  69. }
  70. }
  71. }
  72. .operation{
  73. padding: 25px;
  74. font-size: 28px;
  75. border-top: 1px #d4d1d1 solid;
  76. display: flex;
  77. justify-content: center;
  78. text-align: center;
  79. }
  80. }
  81. }
  82. }