chair-man.scss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. .page-chair-man{
  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: 20px;
  9. .chair-man-bg{
  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. .chair-man-content{
  17. margin-left:10px;
  18. margin-right: 10px;
  19. background:#FFF;
  20. border-radius: 20px;
  21. margin-top:100px;
  22. padding-bottom:30px;
  23. .section1{
  24. margin-left:10px;
  25. margin-right: 10px;
  26. border-bottom: 1px solid #CCC;
  27. .title{
  28. height:50px;
  29. line-height: 50px;
  30. font-size: 14px;
  31. font-weight: bold;
  32. }
  33. .container{
  34. display:flex;
  35. flex-direction: row;
  36. justify-content: flex-start;
  37. align-items: flex-start;
  38. height:100px;
  39. .image{
  40. width:90px;
  41. height:90px;
  42. // border:1px solid red;
  43. display: flex;
  44. justify-content: center;
  45. align-items: center;
  46. border-radius: 7px;
  47. overflow: hidden;
  48. .img{
  49. width:90px;
  50. height:90px;
  51. }
  52. }
  53. .intro{
  54. width:70%;
  55. margin-left: 20px;
  56. .name{
  57. font-size:14px;
  58. font-weight: bold;
  59. height:30px;
  60. line-height: 25px;
  61. }
  62. .tags{
  63. display: flex;
  64. flex-direction: row;
  65. .tag{
  66. margin-right:5px;
  67. font-size:12px;
  68. border:1px solid #b11b1c;
  69. border-radius: 7px;
  70. color: #b11b1c;
  71. padding: 0px 5px;
  72. }
  73. }
  74. .pointer{
  75. margin-top:5px;
  76. }
  77. }
  78. }
  79. }
  80. .section2{
  81. font-size:12px;
  82. padding:10px;
  83. }
  84. .section3{
  85. margin-top:10px;
  86. margin-left:10px;
  87. margin-right:10px;
  88. font-size:12px;
  89. .top{
  90. width:100%;
  91. display:flex;
  92. flex-direction: row;
  93. justify-content: space-between;
  94. align-items: center;
  95. .left{
  96. font-weight:bold;
  97. }
  98. .right{
  99. color:#333;
  100. }
  101. }
  102. .calendar{
  103. padding-left:10px;
  104. padding-right: 10px;
  105. height:90px;
  106. display: flex;
  107. background:#F0F0F0;
  108. flex-direction: column;
  109. padding-top:5px;
  110. margin-top:5px;
  111. .week{
  112. display:flex;
  113. flex-direction: row;
  114. height:30px;
  115. justify-content: center;
  116. align-items: center;
  117. .day{
  118. width:100%;
  119. display:flex;
  120. flex-grow: 1;
  121. flex-shrink: 1;
  122. justify-content: center;
  123. align-items: center;
  124. }
  125. .active{
  126. .current{
  127. display:flex;
  128. color:#FFf;
  129. width:30px;
  130. height:30px;
  131. padding: 3px;
  132. background:#b21c1c;
  133. border-radius: 50%;
  134. justify-content: center;
  135. align-items: center;
  136. }
  137. }
  138. }
  139. .month{
  140. display:flex;
  141. flex-direction: row;
  142. height:30px;
  143. .day{
  144. width:100%;
  145. display:flex;
  146. flex-grow: 1;
  147. flex-shrink: 1;
  148. justify-content: center;
  149. align-items: center;
  150. }
  151. }
  152. .more{
  153. display: flex;
  154. justify-content: center;
  155. align-items: center;
  156. font-size:12px;
  157. }
  158. }
  159. }
  160. .selection{
  161. margin-top:10px;
  162. display:flex;
  163. flex-direction: row;
  164. margin-left:10px;
  165. margin-right: 10px;
  166. .uni-data-select{
  167. margin-left:5px;
  168. margin-right: 5px;
  169. }
  170. }
  171. .events-list{
  172. display:flex;
  173. flex-direction: column;
  174. }
  175. }
  176. }
  177. }
  178. .data-select{
  179. margin-right: 10px;
  180. color: #666666;
  181. width: 100px;
  182. }