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.
100 lines
2.0 KiB
100 lines
2.0 KiB
5 months ago
|
page {
|
||
|
|
background-color: #f3f4f5;
|
||
|
|
}
|
||
|
|
.page {
|
||
|
|
padding-bottom: 80rpx;
|
||
|
|
.search {
|
||
|
|
margin: 34rpx 32rpx 0;
|
||
|
|
padding: 0 0 0 24rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
background: linear-gradient(158deg, #ffffff 0%, #f2f9fe 100%);
|
||
|
|
border-radius: 106rpx 106rpx 106rpx 106rpx;
|
||
|
|
border: 1px solid #ffffff;
|
||
|
|
.icon {
|
||
|
|
width: 36rpx;
|
||
|
|
height: 36rpx;
|
||
|
|
}
|
||
|
|
.input {
|
||
|
|
flex: 1;
|
||
|
|
padding: 16rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
.place-input {
|
||
|
|
color: #c9cdd4;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tip {
|
||
|
|
margin: 52rpx 32rpx 0;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #222222;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.card {
|
||
|
|
padding: 24rpx;
|
||
|
|
margin: 24rpx 32rpx 0;
|
||
|
|
display: flex;
|
||
|
|
gap: 24rpx;
|
||
|
|
background: linear-gradient(173deg, #ffffff 0%, #eff7ff 100%);
|
||
|
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
|
|
border: 2rpx solid #ffffff;
|
||
|
|
.photo {
|
||
|
|
flex-shrink: 0;
|
||
|
|
width: 218rpx;
|
||
|
|
height: 218rpx;
|
||
|
|
border-radius: 16rpx;
|
||
|
|
}
|
||
|
|
.c-container {
|
||
|
|
flex: 1;
|
||
|
|
.title {
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #222222;
|
||
|
|
font-weight: bold;
|
||
|
|
line-height: 48rpx;
|
||
|
|
}
|
||
|
|
.type {
|
||
|
|
margin-top: 16rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #999999;
|
||
|
|
line-height: 28rpx;
|
||
|
|
}
|
||
|
|
.stat {
|
||
|
|
margin-top: 42rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 40rpx;
|
||
|
|
.s-item {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 8rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #999999;
|
||
|
|
.icon {
|
||
|
|
width: 28rpx;
|
||
|
|
height: 28rpx;
|
||
|
|
}
|
||
|
|
&.active {
|
||
|
|
color: #3795f7;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.empty-search {
|
||
|
|
.e-icon {
|
||
|
|
margin: 186rpx auto 0;
|
||
|
|
display: block;
|
||
|
|
width: 217rpx;
|
||
|
|
height: 236rpx;
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
margin-top: 44rpx;
|
||
|
|
font-size: 32rpx;
|
||
|
|
line-height: 48rpx;
|
||
|
|
color: #999999;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|