main.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. /*每个页面公共css */
  16. .center_in {
  17. width: 100%;
  18. display: flex;
  19. justify-content: center;
  20. align-items: center;
  21. }
  22. .space_between {
  23. display: flex;
  24. justify-content: space-between;
  25. align-items: center;
  26. }
  27. .up_and_down {
  28. display: flex;
  29. flex-direction: column;
  30. justify-content: space-between;
  31. align-items: center;
  32. }
  33. .same_row_in {
  34. display: flex;
  35. align-items: center;
  36. }
  37. .font_green {
  38. color: #4CAF50;
  39. }
  40. .frame {
  41. position: relative;
  42. }
  43. .frame::after {
  44. position: absolute;
  45. content: '';
  46. border-bottom: 4rpx solid #e4e7ed;
  47. width: 200%;
  48. height: 200%;
  49. top: 0;
  50. left: 0;
  51. -webkit-transform: scale(0.5);
  52. transform: scale(0.5);
  53. -webkit-transform-origin: 0 0;
  54. transform-origin: 0 0;
  55. pointer-events: none;
  56. /* 使伪元素不会阻止鼠标事件 */
  57. }
  58. .bottomFit {
  59. padding-bottom: 0 !important;
  60. padding-bottom: constant(safe-area-inset-bottom) !important;
  61. padding-bottom: env(safe-area-inset-bottom) !important;
  62. }
  63. page {
  64. background-color: #F3F4F6;
  65. }