index.scss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. .page-community-home{
  2. background-color:#b11b1c;
  3. background-image: url("https://business.coffunity.cn/upload/sqbg.png");
  4. background-repeat: repeat-x;
  5. width:100vw;
  6. min-height:100vh;
  7. display: flex;
  8. padding-bottom: 100px;
  9. .community-top{
  10. background-image: url("https://business.coffunity.cn/upload/sqbg2.png");
  11. background-repeat: no-repeat;
  12. width:100%;
  13. height:100%;
  14. display: flex;
  15. flex-direction: column;
  16. margin-top: 50px;
  17. .section1{
  18. display: flex;
  19. width:100%;
  20. flex-direction: column;
  21. justify-content: space-between;
  22. margin-top:50px;
  23. font-size:12px;
  24. .caption{
  25. color:#FFF;
  26. display: flex;
  27. flex-direction: row;
  28. justify-content: space-between;
  29. margin-left:10px;
  30. margin-right: 10px;
  31. }
  32. .more{
  33. text-align:center;
  34. height:20px;
  35. line-height: 30px;
  36. color:#FFF;
  37. font-size:12px;
  38. }
  39. }
  40. .section2{
  41. margin-left:10px;
  42. margin-right: 10px;
  43. margin-top:10px;
  44. .title{
  45. font-size:12px;
  46. color:#FFF;
  47. }
  48. .contents{
  49. height:100px;
  50. width: 100%;
  51. display:flex;
  52. flex-direction: row;
  53. overflow-x: auto;
  54. .list{
  55. height:80px;
  56. display:flex;
  57. flex-direction: row;
  58. .content{
  59. display: flex;
  60. width:80px;
  61. height: 80px;
  62. border-radius: 5px;
  63. overflow: hidden;
  64. margin-top: 10px;
  65. margin-right: 10px;
  66. .icon{
  67. width:100%;
  68. height:100%;
  69. }
  70. }
  71. }
  72. }
  73. }
  74. .data-select{
  75. margin-right: 10px;
  76. color: #666666;
  77. width: 100px;
  78. }
  79. .uni-easyinput{
  80. margin-left: 10px;
  81. color: #333333;
  82. width: 100px;
  83. }
  84. .section3{
  85. margin-left:10px;
  86. margin-right: 10px;
  87. min-height: 100px;
  88. background:#FFF;
  89. border-radius: 10px;
  90. overflow: hidden;
  91. .title{
  92. display: flex;
  93. justify-content: space-between;
  94. align-items: center;
  95. margin-left:10px;
  96. margin-right: 10px;
  97. height:50px;
  98. font-size:12px;
  99. }
  100. .selection{
  101. margin:10px 0px;
  102. display:flex;
  103. flex-direction: row;
  104. color: #333333;
  105. width: 95%;
  106. margin-left:10px;
  107. margin-right: 10px;
  108. }
  109. .events-list{
  110. display:flex;
  111. flex-direction: column;
  112. }
  113. .plan-bg{
  114. background:#E0E0E0;
  115. height: 110px;
  116. padding-top: 10px;
  117. }
  118. }
  119. }
  120. }