162 lines
2.3 KiB
Plaintext
162 lines
2.3 KiB
Plaintext
.banner {
|
||
height: 300rpx;
|
||
}
|
||
.banner-image {
|
||
width: 100%;
|
||
height: 100%;
|
||
display: block;
|
||
}
|
||
|
||
.company-info {
|
||
padding: 20rpx;
|
||
background-color: #ffffff;
|
||
text-align: center;
|
||
}
|
||
.company-name {
|
||
font-size: 36rpx;
|
||
font-weight: bold;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.company-address {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-size: 28rpx;
|
||
color: #666;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.company-address van-icon {
|
||
margin-right: 10rpx;
|
||
}
|
||
.company-actions {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 20rpx;
|
||
margin-top: 10rpx;
|
||
}
|
||
|
||
.car-list {
|
||
padding: 20rpx;
|
||
background-color: #f7f8fa;
|
||
}
|
||
.banner {
|
||
height: 300rpx;
|
||
}
|
||
.banner-image {
|
||
width: 100%;
|
||
height: 100%;
|
||
display: block;
|
||
}
|
||
.car-list {
|
||
padding: 20rpx;
|
||
background-color: #f7f8fa;
|
||
}
|
||
|
||
.car-item {
|
||
background: #fff;
|
||
border-radius: 8rpx;
|
||
display: flex;
|
||
margin-bottom: 20rpx;
|
||
overflow: hidden;
|
||
box-shadow: 0 1rpx 4rpx rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.car-image {
|
||
width: 220rpx;
|
||
height: 140rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.car-info {
|
||
flex: 1;
|
||
padding: 0 10rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-around;
|
||
}
|
||
|
||
.car-title {
|
||
font-size: 28rpx;
|
||
font-weight: bold;
|
||
margin-bottom: 12rpx;
|
||
}
|
||
|
||
.car-detail text {
|
||
display: block;
|
||
font-size: 26rpx;
|
||
color: #666;
|
||
margin-bottom: 6rpx;
|
||
}
|
||
.car-detail {
|
||
font-size: 24rpx; /* 父容器整体字体大小 */
|
||
color: #999999; /* 次要文字颜色 */
|
||
display: flex;
|
||
gap: 20rpx; /* 间隔，兼容微信小程序flex-gap */
|
||
}
|
||
|
||
.car-subtext {
|
||
font-size: 24rpx;
|
||
color: #999999;
|
||
}
|
||
|
||
.param-options {
|
||
padding: 20rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 20rpx;
|
||
}
|
||
.sticky-filter {
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 99;
|
||
background-color: #fff;
|
||
}
|
||
|
||
.filter-extend {
|
||
padding: 20rpx;
|
||
}
|
||
.filter-group {
|
||
margin-bottom: 24rpx;
|
||
}
|
||
.filter-label {
|
||
font-weight: bold;
|
||
margin-bottom: 12rpx;
|
||
}
|
||
.filter-checkbox {
|
||
margin-right: 16rpx;
|
||
margin-bottom: 12rpx;
|
||
}
|
||
.filter-range {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.range-separator {
|
||
margin: 0 12rpx;
|
||
}
|
||
.range-unit {
|
||
margin-left: 12rpx;
|
||
font-size: 24rpx;
|
||
color: #888;
|
||
}
|
||
|
||
.filter-tags {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10rpx 30rpx;
|
||
}
|
||
.van-tag{
|
||
padding: 10rpx 20rpx !important;
|
||
}
|
||
|
||
.filter-slider-group {
|
||
padding: 12rpx 0;
|
||
}
|
||
|
||
.slider-label {
|
||
margin-bottom: 8rpx;
|
||
font-size: 24rpx;
|
||
color: #666;
|
||
}
|
||
|
||
|