dropfoot.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. .body
  2. {
  3. display:flex;
  4. flex-direction: column;
  5. height: 100vh;/*这里是把标题栏的高度去掉了*/
  6. }
  7. ._funcName
  8. {
  9. text-align: center;
  10. font-size: 20px;
  11. font-weight: bold;
  12. margin: 10px;
  13. border-radius: 10px;
  14. color:rgba(14, 11, 11, 0.712);
  15. background-color: #cdcfcf59;
  16. }
  17. .warning
  18. {
  19. flex-grow:1;/*占据body的剩余空间*/
  20. margin: 10px;
  21. background-color: #cdcfcf59;
  22. border-radius: 15px;
  23. padding-left: 10px;
  24. padding-right: 10px;
  25. padding-bottom: 5px;
  26. }
  27. .waringimg
  28. {
  29. display: flex;
  30. justify-content: center; /* 水平居中 */
  31. width: 100%;
  32. height: auto;
  33. }
  34. .status-text
  35. {
  36. font-size:x-small;
  37. color:gray;
  38. }
  39. .blocks
  40. {
  41. flex-grow:1;
  42. }
  43. .button
  44. {
  45. display: flex;
  46. flex-direction: row;
  47. justify-content: space-around;
  48. align-items: center;
  49. margin-top:20px;
  50. }
  51. .circle-btn
  52. {
  53. border:5px solid #cdcfcf49;
  54. width:60px;
  55. height: 60px;
  56. border-radius: 50%;
  57. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  58. display: flex;
  59. flex-direction: column;
  60. align-items: center;
  61. justify-content: center;
  62. background-color: rgba(0, 0, 0, 0.041);
  63. }
  64. .circle-work
  65. {
  66. border:5px solid #cdcfcf49;
  67. width:100px;
  68. height: 100px;
  69. border-radius: 50%;
  70. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  71. line-height: 2.5em;
  72. color: #0667f8;
  73. background-color: rgba(0, 0, 0, 0.041);
  74. display: flex;
  75. flex-direction: column;
  76. align-items: center;
  77. justify-content: center;
  78. }
  79. .progset
  80. {
  81. display: flex;
  82. flex-direction: column;
  83. width: 100%;
  84. border:1px solid #cdcfcf49;
  85. border-radius: 10%;
  86. padding-bottom: 10px;
  87. padding-top: 15px;
  88. background-color: rgba(3, 250, 65, 0.062);
  89. }
  90. .clock
  91. {
  92. display:flex;
  93. align-items:center;
  94. justify-content:space-between;
  95. margin-left: 20px;
  96. margin-right: 20px;
  97. margin-top: 20px;
  98. margin-bottom: 20px;
  99. }