You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
2.5 KiB
112 lines
2.5 KiB
.body-background{ |
|
background: { |
|
color:#F5F5F6; |
|
}; |
|
height:100vh; |
|
} |
|
.app-wallpaper{ |
|
padding:16rpx 26rpx; |
|
.room-list,.good-list{ |
|
margin-bottom:16rpx; |
|
border-radius:10rpx; |
|
padding:0 24rpx; |
|
background-color:#fff; |
|
.item{ |
|
&:last-of-type{ |
|
border-bottom:none; |
|
} |
|
border-bottom:2rpx solid #EEEEEE; |
|
padding:24rpx 0; |
|
.image{ |
|
flex: 0 0 176rpx; |
|
} |
|
.info{ |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: space-between; |
|
padding-left:14rpx; |
|
.top{ |
|
.title{ |
|
max-width: 280rpx; |
|
} |
|
justify-content: space-between; |
|
} |
|
.center{ |
|
|
|
} |
|
.bottom{ |
|
justify-content: space-between; |
|
align-items:center; |
|
.tags{ |
|
.tag+.tag{ |
|
margin-left:8rpx; |
|
} |
|
.tag{ |
|
padding:10rpx 12rpx; |
|
background-color: rgba(175, 181, 190, .1); |
|
border-radius: 8rpx; |
|
} |
|
} |
|
.price{ |
|
flex:0 0 150rpx; |
|
justify-content: flex-end; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.project-list{ |
|
margin-bottom:16rpx; |
|
border-radius:10rpx; |
|
padding:0 20rpx; |
|
background-color:#fff; |
|
.item { |
|
&:last-of-type { |
|
border-bottom: none; |
|
} |
|
|
|
border-bottom: 2rpx solid #EEEEEE; |
|
padding: 24rpx 0; |
|
.green{ |
|
background: linear-gradient(180deg, rgba(14, 175, 78, .1) 0%, rgba(23,138,242,0) 100%); |
|
} |
|
.blue{ |
|
background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%); |
|
} |
|
.orange{ |
|
background: linear-gradient(180deg, rgba(255, 149, 69, .1) 0%, rgba(23,138,242,0) 100%); |
|
} |
|
.red{ |
|
background: linear-gradient(180deg, rgba(255, 100, 82, .1) 0%, rgba(23,138,242,0) 100%); |
|
} |
|
.title{ |
|
border-bottom:2rpx solid #eee; |
|
} |
|
.title-item{ |
|
&.green{ |
|
background: rgba(14, 175, 78, 1); |
|
} |
|
&.blue{ |
|
background:rgba(23, 138, 242, 1); |
|
} |
|
&.orange{ |
|
background: rgba(255, 149, 69, 1); |
|
} |
|
&.red{ |
|
background: rgba(255, 100, 82, 1); |
|
} |
|
|
|
padding:4rpx 20rpx; |
|
transform: skewX(-15deg); |
|
border-radius: 8rpx; |
|
.title-content{ |
|
transform: skewX(15deg); |
|
} |
|
} |
|
} |
|
} |
|
.big-title{ |
|
margin-top:48rpx; |
|
margin-bottom:22rpx; |
|
} |
|
} |