/* component/roomItem/roomItem.wxss */ .tj_listItem { display: flex; align-items: flex-start; justify-content: flex-start; padding: 20rpx 0; border-bottom: 2rpx solid #EDEDED; background: #fff; } .tj_listItem .tj_listItemCover { /* width: 210rpx; height: 210rpx; */ width: 160rpx; height: 160rpx; border-radius: 8px; overflow: hidden; } .tj_listItem .tj_listItemCover .coverImage { /* width: 210rpx; height: 210rpx; */ width: 160rpx; height: 160rpx; } .tj_listItemMsg { width: 456rpx; margin-left: 20rpx; /* padding-top: 10rpx; box-sizing: border-box; */ } .tj_listItemMsg .tj_listItemTitle { font-size: 28rpx; color: #333; line-height: 40rpx; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .tj_listItemMsg .tj_listItemTip { display: flex; align-items: center; height: 28rpx; margin: 10rpx 0 10rpx ; } .tj_listItemMsg .tj_listItemTip .tj_listItemTipText { font-size: 24rpx; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .tj_listItemMsg .tj_listItemTag { display: flex; align-items: center; margin: 14rpx 0 24rpx 0; } .tj_listItemMsg .tj_listItemTag .tagItem { font-size: 20rpx; color: #0075DC; padding: 2rpx 8rpx; background: rgba(0, 117, 220, 0.2); border-radius: 4rpx; margin-right: 8rpx; display: flex; align-items: center; justify-content: center; border-radius: 4rpx; } .tj_listItemMsg .tj_listItemTag .tagVr { position: relative; display: flex; align-items: center; justify-content: center; margin-right: 8rpx; width: 104rpx; height: 32rpx; border: 1px solid #0075DC; box-sizing: border-box; border-radius: 4rpx; } .tj_listItemMsg .tj_listItemTag .tagVr .tagItemIcon { background: #0075DC; width: 52rpx; height: 32rpx; display: flex; align-items: center; justify-content: center; } .tj_listItemMsg .tj_listItemTag .tagVr .tagItemIcon .tagItemIconImage { width: 28rpx; height: 18rpx; } .tj_listItemMsg .tj_listItemTag .tagVr .tip { width: 52rpx; height: 32rpx; color: #0075DC; display: flex; align-items: center; justify-content: center; /* padding: 2rpx 8rpx; */ background: rgba(0, 117, 220, 0.2); font-size: 20rpx; } .tj_listItemMsg .tj_listItemPrice { display: flex; align-items: center; height: 28rpx; justify-content: space-between; } .tj_listItemMsg .tj_listItemPrice .unitPrice { font-size: 20rpx; color: #666; } .tj_listItemMsg .tj_listItemPrice .totalPrice{ font-size: 28rpx; color: #0075DC; font-weight: bold; }