index.less 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. .header-title{
  2. padding: 0 32rpx;
  3. width: 100%;
  4. display: flex;
  5. flex-direction: row;
  6. align-items: center;
  7. background: rgba(255, 255, 255, 0.6);
  8. }
  9. .user-img{
  10. width: 64rpx;
  11. height: 64rpx;
  12. margin-right: 24rpx;
  13. border-radius: 50%;
  14. overflow: hidden;
  15. justify-content: center;
  16. }
  17. .delete_icon{
  18. height: 339px;
  19. display: flex;
  20. align-items: center;
  21. padding-left: 16px;
  22. .delete_box{
  23. width: 44px;
  24. height: 44px;
  25. background: #FEF2F1;
  26. border-radius: 50%;
  27. image{
  28. width: 32rpx;
  29. height: 32rpx;
  30. }
  31. }
  32. }
  33. .home-icon{
  34. .projectname{
  35. font-size: 16px;
  36. color: #1F2329;
  37. image{
  38. width: 20rpx;
  39. height: 10rpx;
  40. margin-left: 16rpx;
  41. }
  42. }
  43. .daytmp{
  44. justify-content: start;
  45. font-size: 13px;
  46. color: #646A73;
  47. image{
  48. height: 32rpx;
  49. width: 32rpx;
  50. }
  51. }
  52. }
  53. .contant_box{
  54. background: #f9fafa;
  55. .spacelist_box{
  56. margin:20rpx 32rpx 0;
  57. .space_item{
  58. width: 100%;
  59. height: 840rpx;
  60. background: #FFFFFF;
  61. box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
  62. border-radius: 8px;
  63. margin-bottom: 40rpx;
  64. .space_bg{
  65. width: 100%;
  66. height: 398rpx;
  67. border-radius: 8px 8px 0 0;
  68. overflow: hidden;
  69. image{
  70. width: 100%;
  71. height: 100%;
  72. }
  73. }
  74. .space_msg{
  75. height: 154rpx;
  76. padding: 0 32rpx;
  77. display: flex;
  78. flex-direction: row;
  79. justify-content: space-between;
  80. align-items: center;
  81. .msg_left{
  82. .spacename{
  83. height: 56rpx;
  84. font-size: 40rpx;
  85. font-weight: 400;
  86. color: #2B3036;
  87. line-height: 56rpx;
  88. }
  89. .spacestate{
  90. font-size: 30rpx;
  91. color: #8D9399;
  92. line-height: 42rpx;
  93. margin-top: 8rpx;
  94. justify-content:flex-start;
  95. &>view{
  96. margin-left: 18rpx;
  97. width: 34rpx;
  98. height: 34rpx;
  99. }
  100. }
  101. }
  102. .msg_right{
  103. text{
  104. font-size: 46rpx;
  105. color: #2B3036;
  106. }
  107. }
  108. }
  109. .space_paramelist{
  110. margin: 0 24rpx;
  111. height: 140rpx;
  112. background: #F8F9FA;
  113. border-radius: 4px;
  114. .parame_item{
  115. width: 25%;
  116. .icon_name{
  117. image{
  118. width: 32rpx;
  119. height: 32rpx;
  120. margin-right: 8rpx;
  121. }
  122. color: #8D9399;
  123. font-size: 24rpx;
  124. }
  125. .parame_num{
  126. color: #646A73;
  127. font-size: 24rpx;
  128. text{
  129. font-size: 32rpx;
  130. }
  131. }
  132. }
  133. }
  134. .space_btns{
  135. display: flex;
  136. align-items: center;
  137. justify-content: space-around;
  138. margin-top: 32rpx;
  139. button{
  140. margin: 0;
  141. width: auto;
  142. display: inline-block;
  143. font-size: 26rpx;
  144. height: 76rpx;
  145. display: flex;
  146. padding-left: 0;
  147. padding-right: 0;
  148. text-align: center;
  149. flex-direction: row;
  150. align-items: center;
  151. justify-content: center;
  152. border-radius: 38rpx;
  153. }
  154. .btns_top{
  155. width: 162rpx;
  156. color: #8D9399;
  157. border: 1px solid #EFF0F1;
  158. }
  159. .btns_top_active{
  160. background: #EAFAF8;
  161. color: #04B49C;
  162. border: 0px solid #EFF0F1;
  163. }
  164. .btns_adjust{
  165. width: 460rpx;
  166. color: #ffffff;
  167. background-color: #04B49C;
  168. border-radius: 38rpx;
  169. }
  170. }
  171. }
  172. }
  173. .nospace{
  174. width: 100%;
  175. max-width: 343px;
  176. height: 339px;
  177. border-radius: 8px;
  178. border: 1px dashed #DDDDDD;
  179. justify-content: space-between;
  180. .nospace_center{
  181. margin-top: 216rpx;
  182. .nospace_img{
  183. width: 120rpx;
  184. height: 116rpx;
  185. }
  186. text{
  187. font-size: 30rpx;
  188. color: #000000;
  189. line-height: 48rpx;
  190. }
  191. }
  192. .nospace_msg{
  193. .nospace_down{
  194. width: 32rpx;
  195. height: 28rpx;
  196. margin: 16rpx 0 24rpx;
  197. }
  198. text{
  199. font-size: 24rpx;
  200. color: #C3C6CB;
  201. line-height: 40rpx;
  202. }
  203. }
  204. }
  205. .scannospace{
  206. width: 100%;
  207. max-width: 343px;
  208. height: 254px;
  209. margin-top: 40rpx;
  210. background: #FFFFFF;
  211. box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
  212. border-radius: 4px;
  213. .scan_box{
  214. width: 198rpx;
  215. height: 198rpx;
  216. background: #F0F8FF;
  217. border-radius: 4px;
  218. image{
  219. width: 78rpx;
  220. height: 78rpx;
  221. }
  222. }
  223. .scan_name{
  224. margin-top: 24rpx;
  225. font-size: 36rpx;
  226. color: #2B3036;
  227. line-height: 56rpx;
  228. }
  229. .scan_scr{
  230. font-size: 24rpx;
  231. color: #8D9399;
  232. line-height: 36rpx;
  233. }
  234. }
  235. .placeholder-view{
  236. width: 100%;
  237. height: 156rpx;
  238. }
  239. }
  240. .faillogin{
  241. background: #ffffff;
  242. }
  243. .footer_box{
  244. position:fixed;
  245. bottom: 0;
  246. width: 100%;
  247. padding: 0 32rpx;
  248. box-sizing: border-box;
  249. height: 78px;
  250. background: #ffffff;
  251. display: flex;
  252. justify-content: space-around;
  253. flex-direction: row;
  254. box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
  255. border-radius: 0px 0px 4px 4px;
  256. }
  257. .spacedetail{
  258. display: flex;
  259. flex-direction: row;
  260. align-items: center;
  261. }
  262. .footer_box{
  263. .item_title{
  264. font-size: 18px;
  265. line-height: 28px;
  266. }
  267. .item_des{
  268. color: #8D9399;
  269. font-size: 12px;
  270. }
  271. .item_img{
  272. width: 106rpx;
  273. height: 106rpx;
  274. background: #F0F8FF;
  275. border-radius: 4px;
  276. margin-right: 24rpx;
  277. display: flex;
  278. justify-content: center;
  279. align-items: center;
  280. cover-image{
  281. width: 48rpx;
  282. height: 48rpx;
  283. }
  284. }
  285. }