main.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. /*每个页面公共css */
  2. view,
  3. text {
  4. font-size: 24rpx;
  5. font-family: PingFang SC;
  6. font-weight: 500;
  7. color: rgba(51, 51, 51, 1);
  8. box-sizing: border-box;
  9. }
  10. image {
  11. display: block;
  12. width: 100%;
  13. height: 100%;
  14. }
  15. input {
  16. display: block;
  17. border: none;
  18. outline: none;
  19. box-sizing: border-box;
  20. }
  21. textarea {
  22. display: block;
  23. width: 100%;
  24. height: 100%;
  25. font-size: 26rpx;
  26. color: #333333;
  27. }
  28. page {
  29. background: #fafafa;
  30. }
  31. .flex {
  32. display: flex;
  33. align-items: center;
  34. justify-content: space-between;
  35. }
  36. .flexs {
  37. display: flex;
  38. align-items: center;
  39. }
  40. .center {
  41. display: flex;
  42. align-items: center;
  43. justify-content: center;
  44. }
  45. .footer_btn {
  46. position: fixed;
  47. left: 0;
  48. display: flex;
  49. align-items: center;
  50. justify-content: space-around;
  51. color: #ffffff;
  52. font-size: 30rpx;
  53. font-weight: bold;
  54. width: 100%;
  55. height: 98rpx;
  56. bottom: 0;
  57. background: #debb81;
  58. }
  59. button {
  60. background: transparent;
  61. border: none;
  62. display: flex;
  63. align-items: center;
  64. justify-content: center;
  65. padding: 0;
  66. margin: 0;
  67. overflow: unset;
  68. color: #ffffff;
  69. font-size: 30rpx;
  70. }
  71. button::after {
  72. width: 0;
  73. height: 0;
  74. }
  75. .hover-view {
  76. opacity: 0.7;
  77. }
  78. scroll-view {
  79. box-sizing: border-box;
  80. }
  81. /* 一行显示 */
  82. .clamp {
  83. overflow: hidden;
  84. text-overflow: ellipsis;
  85. white-space: nowrap;
  86. display: block;
  87. }
  88. /* 二行显示 */
  89. .clamp2 {
  90. overflow: hidden;
  91. text-overflow: ellipsis;
  92. display: -webkit-box;
  93. -webkit-line-clamp: 2;
  94. -webkit-box-orient: vertical;
  95. }
  96. /* 二行显示 */
  97. .ellipsis {
  98. overflow: hidden;
  99. text-overflow: ellipsis;
  100. display: -webkit-box;
  101. -webkit-box-orient: vertical;
  102. -webkit-line-clamp: 2;
  103. }