/* components/spacecard/spacecard.wxss */ .card_box{ display: flex; flex-direction: row; justify-content: space-around; } .card_img{ width:136rpx; height: 108rpx; border-radius:8rpx; overflow: hidden; } .picinit{ width:136rpx; height: 108rpx; background:#ccc; display: flex; justify-content: center; align-items: center; } .noimgbox{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #cccccc; color: #ffffff; font-size: 12px; } .card_img image{ width: 100%; height: 100%; } .card_msg{ flex: 1; padding-left: 32rpx; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .card_msg>.card_name{ display: flex; /* justify-content: space-between; */ flex-direction: column; } .imgbox{ display: flex; align-items: center; margin-top: 16rpx; transform: translateZ(0) } .imgbox image{ width: 40rpx; height: 40rpx; margin-right: 6rpx; } .nametxt text{ font-size: 32rpx; color: #191B26; vertical-align: middle; } .nametxt .peoplestate{ display: inline-block; box-sizing: border-box; margin-left: 10px; background: #EDF1F5; vertical-align: middle; width:90rpx; height:32rpx; color: #626C78; border-radius: 8px; font-size: 0px; text-align:center; } .nametxt .peoplestate image { width:20rpx; height:20rpx; margin-right:4rpx; display: inline-block; vertical-align: middle; } .nametxt .peoplestate text { display: inline-block; font-size:20rpx; line-height:32rpx; } .nametxt .activepeople{ background: #EDF1F5; } .imgbox text{ color: #80838F; font-size: 28rpx; } .card_msg>view:nth-child(1){ margin-top: 4rpx; color:rgba(25,27,38,1); font-size: 32rpx; } /* .card_msg>view:nth-child(2){ color: #80838F; font-size: 28rpx; margin-top: 16rpx; } */ .card_msg>.tempnum{ color: #191B26; font-size: 36rpx; } .card_msg>.tempnum text{ color: #191B26; font-size: 28rpx; } .lottie{ width: 50rpx; height: 50rpx; z-index: 1; } .lottiehidden{ height: 0rpx; } .del_box{ display: none; } .hide_box{ display: flex; } /* .imagebg::after{ background: url(../../static/images/room.png) } .imagebg[src^="http"]::after{ opacity: 0; } */ .before-load { width: 0; height: 0; opacity: 0; }