info.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .rotate(@degrees) {
  2. -webkit-transform: rotate(@degrees);
  3. -ms-transform: rotate(@degrees);
  4. -o-transform: rotate(@degrees);
  5. transform: rotate(@degrees);
  6. }
  7. .report-container {
  8. width: 595px;
  9. margin: auto;
  10. line-height: 1.5;
  11. font-size: 14px;
  12. color: #333;
  13. .export {
  14. position: fixed;
  15. top: 10%;
  16. right: 20%;
  17. z-index: 2;
  18. &.ant-btn.ant-btn-loading {
  19. position: fixed;
  20. }
  21. }
  22. }
  23. .report-title {
  24. text-align: center;
  25. font-size: 24px;
  26. font-weight: bold;
  27. }
  28. .report-subtitle {
  29. text-align: center;
  30. font-size: 18px;
  31. font-weight: bold;
  32. margin-bottom: 10px;
  33. }
  34. .report-page {
  35. height: 842px;
  36. padding: 5px 50px 25px;
  37. position: relative;
  38. p {
  39. margin: 4px 0;
  40. }
  41. .ant-table-wrapper {
  42. margin-bottom: 12px;
  43. }
  44. &:before {
  45. content: '';
  46. position: absolute;
  47. top: 40%;
  48. left: 34%;
  49. width: 200px;
  50. height: 100px;
  51. opacity: 0.2;
  52. .rotate(330deg);
  53. background-repeat: no-repeat;
  54. background-size: contain;
  55. background-image: url(../../../../../image/logo-2.png);
  56. }
  57. }
  58. .report-info {
  59. margin: 115px 0;
  60. .ant-row {
  61. margin: 4px 0;
  62. }
  63. }
  64. .report-announce {
  65. position: absolute;
  66. bottom: 30px;
  67. left: 0;
  68. width: 100%;
  69. color: #999;
  70. text-align: center;
  71. font-size: 12px;
  72. }
  73. .report-pageno {
  74. position: absolute;
  75. bottom: 6px;
  76. left: 0;
  77. width: 100%;
  78. color: #999;
  79. text-align: center;
  80. font-size: 12px;
  81. }