95 lines
1.5 KiB
Plaintext
95 lines
1.5 KiB
Plaintext
page {
|
|
height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: #f3f2f4;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
|
|
/* 搜索 start */
|
|
|
|
.search-box {
|
|
/* padding-top: 45rpx; */
|
|
/* margin-bottom: 20rpx; */
|
|
background: #f3f2f4;
|
|
padding-top: 45rpx;
|
|
z-index: 99;
|
|
}
|
|
|
|
.search {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100rpx;
|
|
background: #f3f2f4;
|
|
}
|
|
|
|
.search .search_in {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 20rpx;
|
|
/* box-sizing: border-box; */
|
|
height: 70rpx;
|
|
background-color: #ffffff;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.search_in image {
|
|
height: 45rpx;
|
|
width: 45rpx;
|
|
}
|
|
|
|
.search input {
|
|
width: 600rpx;
|
|
}
|
|
|
|
/* 搜索 end */
|
|
|
|
|
|
|
|
|
|
.container{
|
|
margin-top: 45rpx;
|
|
margin-left: 30rpx;
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.card {
|
|
background-color: #ffffff;
|
|
border-radius: 10rpx;
|
|
padding: 30rpx;
|
|
margin-bottom: 20rpx;
|
|
/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
|
|
}
|
|
|
|
.card-header {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.dot {
|
|
width: 16rpx;
|
|
height: 16rpx;
|
|
background-color: #3c8bf6; /* 蓝色圆点 */
|
|
border-radius: 50%;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.title {
|
|
font-size: 30rpx;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.details {
|
|
display: flex;
|
|
align-items: center;
|
|
color: #737373; /* 灰色文本 */
|
|
font-size: 24rpx;
|
|
}
|
|
.details-icon{
|
|
height: 20rpx;
|
|
width: 25rpx;
|
|
} |