mytodo.less 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. // mytodo页面专用样式
  2. #home {
  3. // 第一行
  4. .firstLine {
  5. .userImg {
  6. width: 50px;
  7. height: 50px;
  8. img {
  9. border-radius: 50%;
  10. width: 100%;
  11. }
  12. }
  13. .userInfo {
  14. line-height: 20px;
  15. color: #333;
  16. p {
  17. margin-top: 20px;
  18. }
  19. em {
  20. font-style: normal;
  21. }
  22. }
  23. // 消息
  24. .msgBox {
  25. text-align: center;
  26. background-color: rgba(236, 232, 232, 0.4);
  27. border-radius: 2px;
  28. span {
  29. font-size: 28px;
  30. color: orangered;
  31. }
  32. p {
  33. color: gray;
  34. }
  35. }
  36. // OA工作台
  37. .oaBig {
  38. background-color: rgb(97, 190, 167);
  39. text-align: center;
  40. justify-content: space-between;
  41. .oaItem {
  42. margin-bottom: 20px;
  43. width: calc((100% - 10px) / 3);
  44. h4 {
  45. font-size: 12px;
  46. margin-top: 4px;
  47. }
  48. }
  49. }
  50. }
  51. // 第二行
  52. .secondLine {
  53. // 友情链接
  54. .links {
  55. button {
  56. border-radius: 2px;
  57. border: none;
  58. margin-right: 10px;
  59. background-color: rgba(102, 155, 188, 0.7);
  60. margin-bottom: 10px;
  61. a {
  62. color: white;
  63. font-size: 18px;
  64. padding: 10px 14px;
  65. }
  66. }
  67. button:hover {
  68. background-color: #003049;
  69. color: white;
  70. box-shadow: 1px 1px 3px #333;
  71. }
  72. }
  73. }
  74. // card 标题颜色
  75. /deep/ .ant-card-head-title {
  76. color: #1890ff;
  77. }
  78. /deep/ .ant-tabs {
  79. border-radius: 2px;
  80. }
  81. // 日历
  82. .ccfullCalendar {
  83. background-image: url('../date03.jpg');
  84. opacity: 0.8;
  85. background-size: cover;
  86. background-repeat: no-repeat;
  87. // 不需要日历头部选择按钮
  88. /deep/ .fc-header-toolbar {
  89. display: none !important;
  90. }
  91. //整个历真实高度
  92. /deep/ .fc .fc-scrollgrid-liquid {
  93. height: 290px;
  94. }
  95. //控制日历不要占位
  96. /deep/ .fc-view-harness-active {
  97. height: 290px !important;
  98. }
  99. // 日历行高字体颜色
  100. /deep/ .fc-scrollgrid-sync-inner {
  101. line-height: 30px;
  102. a {
  103. color: white;
  104. }
  105. }
  106. /deep/ .fc-col-header-cell-cushion {
  107. color: #333 !important;
  108. font-weight: 400 !important;
  109. }
  110. // 今天日历显示
  111. /deep/ .fc-day-today {
  112. // background-color: #bc4749;
  113. background-color: #70a288;
  114. border-radius: 2px;
  115. a {
  116. color: white;
  117. font-weight: 700;
  118. }
  119. }
  120. /deep/ .fc-daygrid-day-bottom {
  121. margin-top: -24px !important;
  122. }
  123. /deep/ .fc .fc-button-primary {
  124. background-color: #1890ff;
  125. margin-top: 4px;
  126. border: none;
  127. }
  128. /deep/ .fc .fc-toolbar-title {
  129. color: #333;
  130. font-size: 16px;
  131. letter-spacing: 1px;
  132. }
  133. }
  134. .dataStyle {
  135. /deep/ .ant-card-body {
  136. padding: 12px 10px;
  137. }
  138. }
  139. }