lanan-repair/unpackage/dist/dev/mp-weixin/pages/shopDetail/shopDetail.wxss
2024-09-22 15:07:01 +08:00

185 lines
4.4 KiB
Plaintext

.container.data-v-7d9098e6 {
height: 100%;
display: flex;
flex-direction: column;
background-color: #fff;
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
}
.container .body.data-v-7d9098e6 {
flex: 1;
height: 0;
overflow: auto;
}
.container .body-top.data-v-7d9098e6 {
position: relative;
width: 750rpx;
height: 468rpx;
}
.container .body-top .shopImg.data-v-7d9098e6 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #eee;
}
.container .shopBody.data-v-7d9098e6 {
position: relative;
top: -50rpx;
overflow: auto;
padding-bottom: 20rpx;
}
.container .shopDetail.data-v-7d9098e6 {
position: relative;
z-index: 2;
padding: 30rpx 32rpx;
background: #FFFFFF;
box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(10, 54, 104, 0.1);
border-radius: 32rpx 32rpx 0rpx 0rpx;
}
.container .shopDetail .shopTitle.data-v-7d9098e6 {
font-weight: bold;
font-size: 36rpx;
color: #333333;
}
.container .shopDetail .rate.data-v-7d9098e6 {
margin: 30rpx 0;
box-sizing: border-box;
width: 282rpx;
height: 56rpx;
background: #FFF1DB;
border-radius: 30rpx 30rpx 30rpx 30rpx;
padding-right: 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
font-size: 28rpx;
color: #E8A321;
}
.container .shopDetail .rate .rateNumBox.data-v-7d9098e6 {
width: 120rpx;
height: 56rpx;
background: linear-gradient(180deg, #FFD187 0%, #FEB33A 100%);
border-radius: 30rpx 30rpx 30rpx 30rpx;
display: flex;
align-items: center;
justify-content: center;
-webkit-column-gap: 4rpx;
column-gap: 4rpx;
font-size: 32rpx;
color: #FFFFFF;
line-height: 1.5;
}
.container .shopDetail .shopDetailText.data-v-7d9098e6 {
padding-bottom: 30rpx;
border-bottom: 1rpx solid #EEEEEE;
margin-bottom: 30rpx;
}
.container .shopDetail .shopDetailText .shopDetailTextLabel.data-v-7d9098e6 {
font-weight: bold;
font-size: 28rpx;
color: #333333;
}
.container .shopDetail .shopDetailText .shopDetailTextValue.data-v-7d9098e6 {
font-size: 28rpx;
color: #666666;
}
.container .shopDetail .shopDetailFooter.data-v-7d9098e6 {
display: flex;
align-items: center;
}
.container .shopDetail .shopDetailFooter .shopAddress.data-v-7d9098e6 {
flex: 1;
width: 0;
display: flex;
align-items: center;
-webkit-column-gap: 8rpx;
column-gap: 8rpx;
font-size: 28rpx;
color: #666666;
border-right: 1rpx solid #EEEEEE;
margin-right: 20rpx;
}
.container .shopDetail .shopDetailFooter .shopPhone.data-v-7d9098e6 {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 4rpx;
font-size: 24rpx;
color: #333333;
}
.container .busiDetail.data-v-7d9098e6 {
padding: 30rpx 32rpx;
background: #FFFFFF;
}
.container .busiDetail .busiDetailTitle.data-v-7d9098e6 {
font-weight: bold;
font-size: 36rpx;
color: #333333;
}
.container .busiDetail .busiList .busiItem.data-v-7d9098e6 {
padding: 30rpx 0;
display: flex;
align-items: center;
border-bottom: 1rpx solid #DDDDDD;
-webkit-column-gap: 20rpx;
column-gap: 20rpx;
}
.container .busiDetail .busiList .busiTypeImg.data-v-7d9098e6 {
width: 112rpx;
height: 112rpx;
background-color: #eee;
}
.container .busiDetail .busiList .busiItemInfo.data-v-7d9098e6 {
flex: 1;
width: 0;
}
.container .busiDetail .busiList .busiItemTitle.data-v-7d9098e6 {
font-size: 28rpx;
color: #333333;
}
.container .busiDetail .busiList .busiItemDesc.data-v-7d9098e6 {
font-size: 24rpx;
color: #858BA0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
.container .busiDetail .busiList .busiItemBtn.data-v-7d9098e6 {
width: 100rpx;
height: 48rpx;
background: #0174F6;
border-radius: 24rpx 24rpx 24rpx 24rpx;
font-size: 28rpx;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
.container .footer.data-v-7d9098e6 {
padding: 12rpx;
background: #FFFFFF;
box-shadow: 0rpx -8rpx 16rpx 0rpx rgba(10, 54, 104, 0.1);
border-radius: 0rpx 0rpx 0rpx 0rpx;
position: relative;
}
.container .footer .btn.data-v-7d9098e6 {
width: 510rpx;
height: 76rpx;
margin: 0 auto;
background: #0174F6;
border-radius: 38rpx 38rpx 38rpx 38rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
color: #FFFFFF;
}