102 lines
1.5 KiB
Plaintext
102 lines
1.5 KiB
Plaintext
/* 门店详情 */
|
|
.detailsImg {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-top: 60%;
|
|
}
|
|
|
|
.detailsImg image {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.detailsCont {
|
|
background: #fff;
|
|
}
|
|
|
|
.detailsName {
|
|
font-size: 34rpx;
|
|
padding: 30rpx;
|
|
font-weight: 600;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.detailsLabel {
|
|
display: flex;
|
|
padding: 30rpx;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
|
|
.detailsLabel::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
top: 0;
|
|
background: #e7e7e7;
|
|
width: 100%;
|
|
height: 2rpx;
|
|
}
|
|
|
|
.detailsLabel-left {
|
|
width: calc(100%- 40rpx);
|
|
display: flex;
|
|
flex: 1;
|
|
color: #5e5e5e;
|
|
}
|
|
|
|
.detailsLabel-left image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin: 20rpx 20rpx 0 0;
|
|
}
|
|
|
|
.detailsLabel-tel {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
margin-top: 14rpx;
|
|
}
|
|
|
|
.detailsLabel-name {
|
|
font-size: 26rpx;
|
|
width: calc(100% - 110rpx);
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.detailsLabel-name text {
|
|
font-weight: 600;
|
|
font-size: 30rpx;
|
|
display: block;
|
|
margin-bottom: 10rpx;
|
|
}
|
|
|
|
.detailsLabel-add {
|
|
width: 34rpx;
|
|
height: 34rpx;
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.detailsBtn {
|
|
background: #fff;
|
|
width: 100%;
|
|
height: 120rpx;
|
|
text-align: center;
|
|
left: 0;
|
|
bottom: 0;
|
|
position: fixed;
|
|
padding: 20rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.detailsBtn-cont {
|
|
width: 100%;
|
|
background: #ef8e41;
|
|
color: #fff;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
text-align: center;
|
|
border-radius: 50rpx;
|
|
} |