.header-title { padding: 0 32rpx; width: 100%; display: flex; flex-direction: row; align-items: center; background: rgba(255, 255, 255, 0.6); } .user-img { width: 64rpx; height: 64rpx; margin-right: 24rpx; border-radius: 50%; overflow: hidden; justify-content: center; } .delete_icon { height: 339px; display: flex; align-items: center; padding-left: 16px; } .delete_icon .delete_box { width: 44px; height: 44px; background: #FEF2F1; border-radius: 50%; } .delete_icon .delete_box image { width: 32rpx; height: 32rpx; } .home-icon .projectname { font-size: 16px; color: #1F2329; } .home-icon .projectname image { width: 20rpx; height: 10rpx; margin-left: 16rpx; } .home-icon .daytmp { justify-content: start; font-size: 13px; color: #646A73; } .home-icon .daytmp image { height: 32rpx; width: 32rpx; } .contant_box { background: #f9fafa; } .contant_box .spacelist_box { margin: 20rpx 32rpx 0; } .contant_box .spacelist_box .space_item { width: 100%; height: 840rpx; background: #FFFFFF; box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1); border-radius: 8px; margin-bottom: 40rpx; } .contant_box .spacelist_box .space_item .space_bg { width: 100%; height: 398rpx; border-radius: 8px 8px 0 0; overflow: hidden; } .contant_box .spacelist_box .space_item .space_bg image { width: 100%; height: 100%; } .contant_box .spacelist_box .space_item .space_msg { height: 154rpx; padding: 0 32rpx; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .contant_box .spacelist_box .space_item .space_msg .msg_left .spacename { height: 56rpx; font-size: 40rpx; font-weight: 400; color: #2B3036; line-height: 56rpx; } .contant_box .spacelist_box .space_item .space_msg .msg_left .spacestate { font-size: 30rpx; color: #8D9399; line-height: 42rpx; margin-top: 8rpx; justify-content: flex-start; } .contant_box .spacelist_box .space_item .space_msg .msg_left .spacestate > view { margin-left: 18rpx; width: 34rpx; height: 34rpx; } .contant_box .spacelist_box .space_item .space_msg .msg_right text { font-size: 46rpx; color: #2B3036; } .contant_box .spacelist_box .space_item .space_paramelist { margin: 0 24rpx; height: 140rpx; background: #F8F9FA; border-radius: 4px; } .contant_box .spacelist_box .space_item .space_paramelist .parame_item { width: 25%; } .contant_box .spacelist_box .space_item .space_paramelist .parame_item .icon_name { color: #8D9399; font-size: 24rpx; } .contant_box .spacelist_box .space_item .space_paramelist .parame_item .icon_name image { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .contant_box .spacelist_box .space_item .space_paramelist .parame_item .parame_num { color: #646A73; font-size: 24rpx; } .contant_box .spacelist_box .space_item .space_paramelist .parame_item .parame_num text { font-size: 32rpx; } .contant_box .spacelist_box .space_item .space_btns { display: flex; align-items: center; justify-content: space-around; margin-top: 32rpx; } .contant_box .spacelist_box .space_item .space_btns button { margin: 0; width: auto; display: inline-block; font-size: 26rpx; height: 76rpx; display: flex; padding-left: 0; padding-right: 0; text-align: center; flex-direction: row; align-items: center; justify-content: center; border-radius: 38rpx; } .contant_box .spacelist_box .space_item .space_btns .btns_top { width: 162rpx; color: #8D9399; border: 1px solid #EFF0F1; } .contant_box .spacelist_box .space_item .space_btns .btns_top_active { background: #EAFAF8; color: #04B49C; border: 0px solid #EFF0F1; } .contant_box .spacelist_box .space_item .space_btns .btns_adjust { width: 460rpx; color: #ffffff; background-color: #04B49C; border-radius: 38rpx; } .contant_box .nospace { width: 100%; max-width: 343px; height: 339px; border-radius: 8px; border: 1px dashed #DDDDDD; justify-content: space-between; } .contant_box .nospace .nospace_center { margin-top: 216rpx; } .contant_box .nospace .nospace_center .nospace_img { width: 120rpx; height: 116rpx; } .contant_box .nospace .nospace_center text { font-size: 30rpx; color: #000000; line-height: 48rpx; } .contant_box .nospace .nospace_msg .nospace_down { width: 32rpx; height: 28rpx; margin: 16rpx 0 24rpx; } .contant_box .nospace .nospace_msg text { font-size: 24rpx; color: #C3C6CB; line-height: 40rpx; } .contant_box .scannospace { width: 100%; max-width: 343px; height: 254px; margin-top: 40rpx; background: #FFFFFF; box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1); border-radius: 4px; } .contant_box .scannospace .scan_box { width: 198rpx; height: 198rpx; background: #F0F8FF; border-radius: 4px; } .contant_box .scannospace .scan_box image { width: 78rpx; height: 78rpx; } .contant_box .scannospace .scan_name { margin-top: 24rpx; font-size: 36rpx; color: #2B3036; line-height: 56rpx; } .contant_box .scannospace .scan_scr { font-size: 24rpx; color: #8D9399; line-height: 36rpx; } .contant_box .placeholder-view { width: 100%; height: 156rpx; } .faillogin { background: #ffffff; } .footer_box { position: fixed; bottom: 0; width: 100%; padding: 0 32rpx; box-sizing: border-box; height: 78px; background: #ffffff; display: flex; justify-content: space-around; flex-direction: row; box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1); border-radius: 0px 0px 4px 4px; } .spacedetail { display: flex; flex-direction: row; align-items: center; } .footer_box .item_title { font-size: 18px; line-height: 28px; } .footer_box .item_des { color: #8D9399; font-size: 12px; } .footer_box .item_img { width: 106rpx; height: 106rpx; background: #F0F8FF; border-radius: 4px; margin-right: 24rpx; display: flex; justify-content: center; align-items: center; } .footer_box .item_img cover-image { width: 48rpx; height: 48rpx; }