291 lines
6.1 KiB
Plaintext
291 lines
6.1 KiB
Plaintext
.shop-list.data-v-1acf49a9 {
|
||
padding: 0 20rpx;
|
||
}
|
||
.title-info.data-v-1acf49a9 {
|
||
width: 100%;
|
||
}
|
||
.title-info .name.data-v-1acf49a9 {
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 500;
|
||
line-height: 42rpx;
|
||
font-size: 30rpx;
|
||
color: #333333;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
width: 100%;
|
||
}
|
||
.title-info .name .name_text.data-v-1acf49a9 {
|
||
flex: 1;
|
||
width: 100%;
|
||
}
|
||
.title-info .name .position.data-v-1acf49a9 {
|
||
width: 19rpx;
|
||
height: 21rpx;
|
||
margin-right: 6rpx;
|
||
}
|
||
.title-info .time.data-v-1acf49a9 {
|
||
font-weight: 500;
|
||
font-size: 22rpx;
|
||
color: #666666;
|
||
margin-top: 13rpx;
|
||
margin-bottom: 24rpx;
|
||
line-height: 30rpx;
|
||
}
|
||
.title-info .time .num_medium_text.data-v-1acf49a9 {
|
||
font-size: 24rpx;
|
||
line-height: 31rpx;
|
||
}
|
||
.shop-item.data-v-1acf49a9 {
|
||
width: 710rpx;
|
||
background-color: #ffffff;
|
||
margin-bottom: 24rpx;
|
||
padding: 16rpx 24rpx;
|
||
box-sizing: border-box;
|
||
border-radius: 20rpx;
|
||
}
|
||
.shop-header.data-v-1acf49a9 {
|
||
width: 100%;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
.shop-title.data-v-1acf49a9 {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
width: 100%;
|
||
}
|
||
.shop-title__left.data-v-1acf49a9 {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
justify-content: flex-start;
|
||
}
|
||
.head-photo.data-v-1acf49a9 {
|
||
flex-shrink: 0;
|
||
width: 176rpx;
|
||
height: 174rpx;
|
||
background: #d8d8d8;
|
||
border-radius: 20rpx;
|
||
margin-right: 20rpx;
|
||
}
|
||
.title-text.data-v-1acf49a9 {
|
||
font-size: 32rpx;
|
||
color: #333;
|
||
max-width: 400rpx;
|
||
font-weight: 500;
|
||
margin-right: 8rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 1;
|
||
/* 显示的行数 */
|
||
lines: 1;
|
||
}
|
||
.verified-icon.data-v-1acf49a9 {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
}
|
||
.shop-info.data-v-1acf49a9 {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
font-size: 24rpx;
|
||
}
|
||
.shop-info-left.data-v-1acf49a9 {
|
||
width: 480rpx;
|
||
}
|
||
.shop-info-left .shop-info-left-list.data-v-1acf49a9 {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: nowrap;
|
||
gap: 14rpx;
|
||
padding-right: 20rpx;
|
||
}
|
||
.shop-info-left .shop-info-left-list .shop-tags.data-v-1acf49a9 {
|
||
white-space: nowrap;
|
||
border-radius: 16rpx;
|
||
padding: 2rpx 14rpx;
|
||
background-color: #f3f3f3;
|
||
font-family: PingFangSC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 20rpx;
|
||
color: #666666;
|
||
line-height: 28rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
.rating.data-v-1acf49a9 {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
}
|
||
.rating-score.data-v-1acf49a9 {
|
||
color: #ff94b4;
|
||
margin-right: 8rpx;
|
||
}
|
||
.rating-stars.data-v-1acf49a9 {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
margin-right: 8rpx;
|
||
}
|
||
.star-icon.data-v-1acf49a9 {
|
||
width: 24rpx;
|
||
height: 24rpx;
|
||
margin-right: 4rpx;
|
||
}
|
||
.divider.data-v-1acf49a9 {
|
||
color: #eeeeee;
|
||
margin: 0 16rpx;
|
||
}
|
||
.shop-distance.data-v-1acf49a9 {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-wrap: nowrap;
|
||
font-size: 22rpx;
|
||
color: #666666;
|
||
font-family: DINPro, DINPro;
|
||
font-weight: 500;
|
||
}
|
||
.shop-distance__left.data-v-1acf49a9 {
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #999999;
|
||
line-height: 33rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin-right: 8rpx;
|
||
}
|
||
.shop-distance__right.data-v-1acf49a9 {
|
||
font-weight: 500;
|
||
font-size: 26rpx;
|
||
color: #666666;
|
||
line-height: 37rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
.service-list.data-v-1acf49a9 {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.service-item.data-v-1acf49a9 {
|
||
position: relative;
|
||
display: flex;
|
||
gap: 20rpx;
|
||
}
|
||
.service-item .service-price.data-v-1acf49a9 {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
width: 176rpx;
|
||
}
|
||
.service-item .service-price .price.data-v-1acf49a9 {
|
||
display: flex;
|
||
align-items: baseline;
|
||
color: #e8101e;
|
||
}
|
||
.service-item .service-price .price .price-symbol.data-v-1acf49a9 {
|
||
font-family: DINPro, DINPro;
|
||
font-weight: 500;
|
||
font-size: 20rpx;
|
||
line-height: 33rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
.service-item .service-price .price .price-value.data-v-1acf49a9 {
|
||
font-family: DINPro, DINPro;
|
||
font-weight: 500;
|
||
font-size: 32rpx;
|
||
line-height: 33rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
.service-info.data-v-1acf49a9 {
|
||
flex: 1;
|
||
padding-top: 12rpx;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex-flow: column;
|
||
justify-content: space-between;
|
||
}
|
||
.service-title.data-v-1acf49a9 {
|
||
margin-bottom: 16rpx;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #000000;
|
||
line-height: 28rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
/* 关键：使用flex布局让子元素同行显示 */
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.service-title .service-title-type.data-v-1acf49a9 {
|
||
width: 77rpx;
|
||
/* 图片与文字之间的间距 */
|
||
margin-right: 10rpx;
|
||
}
|
||
.service-title .service-title-text.data-v-1acf49a9 {
|
||
/* 关键：移除固定宽度，使用flex自动分配剩余空间 */
|
||
flex: 1;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
font-weight: 400;
|
||
font-size: 26rpx;
|
||
color: #333333;
|
||
}
|
||
.discount.data-v-1acf49a9 {
|
||
font-family: DINPro, DINPro;
|
||
font-weight: 400;
|
||
font-size: 22rpx;
|
||
height: 28rpx;
|
||
color: #e8101e;
|
||
padding: 0 4rpx;
|
||
border-radius: 4rpx;
|
||
border: 1rpx solid rgba(216, 185, 191, 0.6);
|
||
margin-right: 8rpx;
|
||
white-space: nowrap;
|
||
}
|
||
.discounts.data-v-1acf49a9 {
|
||
font-size: 22rpx;
|
||
color: #e8101e;
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
background: #ffecf0;
|
||
border-radius: 6rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-right: 10rpx;
|
||
}
|
||
.title.data-v-1acf49a9 {
|
||
display: flex;
|
||
width: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
.title .num.data-v-1acf49a9 {
|
||
margin-left: 21rpx;
|
||
font-size: 22rpx;
|
||
color: #999999;
|
||
}
|
||
.price-text.data-v-1acf49a9 {
|
||
font-weight: 500;
|
||
font-size: 24rpx;
|
||
color: #E8101E;
|
||
line-height: 33rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
/* H5适配 */
|
||
/* APP适配 */
|
||
/* 小程序适配 */
|
||
/* .nearby-page {
|
||
padding-top: calc(88rpx + constant(safe-area-inset-top));
|
||
padding-top: calc(88rpx + env(safe-area-inset-top));
|
||
} */
|
||
|