/* 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; } .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; } .card_msg>view{ display: flex; justify-content: space-between; flex-direction: row; } .imgbox{ display: flex; align-items: center; } .imgbox image{ width: 40rpx; height: 40rpx; margin-right: 6rpx; } .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>view .tempnum{ color: #191B26; } .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; }