app.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. view,
  2. image,
  3. label {
  4. box-sizing: border-box;
  5. word-break: break-all;
  6. }
  7. image {
  8. height: auto;
  9. width: auto;
  10. }
  11. page {
  12. background-color: #f7f9fa;
  13. }
  14. .flex {
  15. display: flex;
  16. }
  17. .flex-none {
  18. flex: none;
  19. }
  20. .flex-1 {
  21. flex: 1;
  22. }
  23. .flex-y {
  24. flex-direction: column;
  25. }
  26. .flex-top {
  27. align-items: flex-start !important;
  28. }
  29. .flex-bottom {
  30. align-items: flex-end;
  31. }
  32. .flex-content-end {
  33. justify-content: flex-end;
  34. }
  35. .flex-center {
  36. align-items: center;
  37. }
  38. .flex-center-center {
  39. align-items: center;
  40. justify-content: center;
  41. }
  42. .flex-between {
  43. justify-content: space-between;
  44. }
  45. .flex-around {
  46. justify-content: space-around;
  47. }
  48. .flex-wrap {
  49. flex-wrap: wrap;
  50. }
  51. .w-0 {
  52. width: 0;
  53. }
  54. .h-0 {
  55. height: 0;
  56. }
  57. .ellipsis {
  58. overflow: hidden;
  59. text-overflow: ellipsis;
  60. display: -webkit-box;
  61. -webkit-box-orient: vertical;
  62. -webkit-line-clamp: 1;
  63. word-break: break-all;
  64. }
  65. .ellipsis.ellipsis-2 {
  66. -webkit-line-clamp: 2;
  67. }
  68. .ellipsis.ellipsis-3 {
  69. -webkit-line-clamp: 3;
  70. }
  71. .ellipsis.ellipsis-4 {
  72. -webkit-line-clamp: 4;
  73. }
  74. .ellipsis.ellipsis-5 {
  75. -webkit-line-clamp: 5;
  76. }
  77. .ellipsis.ellipsis-6 {
  78. -webkit-line-clamp: 6;
  79. }
  80. .ellipsis.ellipsis-7 {
  81. -webkit-line-clamp: 7;
  82. }
  83. .ellipsis.ellipsis-8 {
  84. -webkit-line-clamp: 8;
  85. }
  86. .ellipsis.ellipsis-9 {
  87. -webkit-line-clamp: 9;
  88. }
  89. .ellipsis.ellipsis-10 {
  90. -webkit-line-clamp: 10;
  91. }
  92. .ellipsis-no {
  93. display: block;
  94. }
  95. .hover-active {
  96. opacity: 0.8 !important;
  97. }
  98. .safe-area {
  99. padding-bottom: constant(safe-area-inset-bottom);
  100. /* 兼容 iOS < 11.2 */
  101. padding-bottom: env(safe-area-inset-bottom);
  102. /* 兼容 iOS >= 11.2 */
  103. }
  104. .ql-editor.ql-blank:before {
  105. color: #999999;
  106. font-size: 28rpx;
  107. font-style: normal;
  108. }page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}