|
...
|
...
|
@@ -24,7 +24,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
.reservationInfo .flex-11 {
|
|
|
|
margin-left: 30rpx;
|
|
|
|
margin: 0 30rpx;
|
|
|
|
display: flex;
|
|
|
|
line-height: 64rpx;
|
|
|
|
font-family: PingFang SC;
|
|
...
|
...
|
@@ -34,18 +34,16 @@ |
|
|
|
.label {
|
|
|
|
flex-shrink: 0;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-size: 32rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contentData {
|
|
|
|
flex: 1;
|
|
|
|
line-height: 60rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-size: 32rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handleInfo {
|
|
|
|
margin: 50rpx 40rpx 42rpx 40rpx;
|
|
|
|
margin: 50rpx 30rpx 42rpx 30rpx;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
...
|
...
|
@@ -80,6 +78,9 @@ |
|
|
|
.handlePhone {
|
|
|
|
height: 100rpx;
|
|
|
|
color: #515151;
|
|
|
|
margin: 0 20rpx;
|
|
|
|
width: 45%;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
.brownFont {
|
|
...
|
...
|
@@ -88,6 +89,7 @@ |
|
|
|
border: 2rpx solid #0143A3;
|
|
|
|
border-radius: 22rpx;
|
|
|
|
text-align: center;
|
|
|
|
width: 130rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.brownFont:nth-of-type(1) {
|
|
...
|
...
|
@@ -105,7 +107,6 @@ |
|
|
|
.positioningBox {
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
height: 232rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.positioning {
|
|
...
|
...
|
@@ -114,7 +115,7 @@ |
|
|
|
box-sizing: border-box;
|
|
|
|
flex-direction: column;
|
|
|
|
background: #fff;
|
|
|
|
padding: 30rpx 0 34rpx 30rpx;
|
|
|
|
padding: 30rpx 30rpx 34rpx 30rpx;
|
|
|
|
border-radius: 10rpx 10rpx 0 0;
|
|
|
|
flex: 1;
|
|
|
|
color: #000;
|
|
...
|
...
|
@@ -127,15 +128,15 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.positioning .name {
|
|
|
|
width: 80%;
|
|
|
|
width: 95%;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-size: 28rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.positioning .name text {
|
|
|
|
width: 100%;
|
|
|
|
line-height: 50rpx;
|
|
|
|
}
|
|
|
|
|
|
...
|
...
|
@@ -148,23 +149,23 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask {
|
|
|
|
margin: 20rpx 40rpx;
|
|
|
|
padding-bottom: 18rpx;
|
|
|
|
border-bottom: 2rpx solid #DBDBDB;
|
|
|
|
margin: 0 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.famousChefBox .labelBox {
|
|
|
|
border-bottom: none;
|
|
|
|
.lines {
|
|
|
|
height: 2rpx;
|
|
|
|
margin: 20rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
background-color: #DBDBDB;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask image {
|
|
|
|
margin: 0 15rpx;
|
|
|
|
.famousChefBox .labelBox {
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.labelBox {
|
|
|
|
width: 100%;
|
|
|
|
margin: 0 20rpx 0 20rpx;
|
|
|
|
display: flex;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
position: relative;
|
|
|
|
padding-bottom: 20rpx;
|
|
|
|
border-bottom: 2rpx solid #DBDBDB;
|
|
...
|
...
|
@@ -195,12 +196,18 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask image {
|
|
|
|
width: 95%;
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.famousChefBox {
|
|
|
|
.famousChefBox,
|
|
|
|
.vegetableBox {
|
|
|
|
position: relative;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vegetableBox .chefText {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.Introducepublic {
|
|
...
|
...
|
@@ -213,8 +220,8 @@ |
|
|
|
|
|
|
|
.chefText {
|
|
|
|
font-family: PingFang SC;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
margin: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.specialServices {
|
|
...
|
...
|
@@ -241,7 +248,7 @@ |
|
|
|
.endStyle {
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
height: 60rpx;
|
|
|
|
height: 54rpx;
|
|
|
|
margin: 20rpx 0;
|
|
|
|
}
|
|
|
|
|
|
...
|
...
|
@@ -259,7 +266,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.preferential {
|
|
|
|
margin: 16rpx 40rpx 20rpx 40rpx;
|
|
|
|
margin: 0 40rpx 20rpx 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rubric1 {
|
|
...
|
...
|
@@ -301,11 +308,13 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.itemTop text:nth-of-type(1) {
|
|
|
|
max-width: 65%;
|
|
|
|
font-weight: 600;
|
|
|
|
color: #515151;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemTop .discountText {
|
|
|
|
text-align: center;
|
|
|
|
padding: 0 6rpx;
|
|
|
|
color: #E34D59;
|
|
|
|
border: 2rpx solid #E34D59;
|
|
...
|
...
|
@@ -426,7 +435,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.evaluateBox {
|
|
|
|
margin: 16rpx 84rpx 16rpx 40rpx;
|
|
|
|
margin: 0 84rpx 40rpx 40rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
...
|
...
|
@@ -464,10 +473,11 @@ |
|
|
|
height: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-section-spacing {
|
|
|
|
margin-top: 20rpx;
|
|
|
|
.pageSpacing {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: auto;
|
|
|
|
overflow-x: scroll;
|
|
...
|
...
|
@@ -475,8 +485,15 @@ |
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgs:nth-of-type(1) {
|
|
|
|
margin-left: 48rpx;
|
|
|
|
.pageSpacing1 {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: auto;
|
|
|
|
overflow-x: scroll;
|
|
|
|
border-bottom-left-radius: 10rpx;
|
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
padding-left: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scroll-view {
|
|
...
|
...
|
@@ -527,6 +544,70 @@ |
|
|
|
color: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 黑蓝过渡 */
|
|
|
|
.blackBlueGradient .reservationInfo,
|
|
|
|
.blackBlueGradient .positioningBox {
|
|
|
|
background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.blackBlueGradient .chefText,
|
|
|
|
.blackBlueGradient .welcome,
|
|
|
|
.blackBlueGradient .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 石绿过渡 */
|
|
|
|
.stoneGreenGradient .reservationInfo,
|
|
|
|
.stoneGreenGradient .positioningBox {
|
|
|
|
background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.stoneGreenGradient .chefText,
|
|
|
|
.stoneGreenGradient .welcome,
|
|
|
|
.stoneGreenGradient .rubric {
|
|
|
|
color: #206864;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 中国红过渡 */
|
|
|
|
.chinaRedGradient .reservationInfo,
|
|
|
|
.chinaRedGradient .positioningBox {
|
|
|
|
background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.chinaRedGradient .chefText,
|
|
|
|
.chinaRedGradient .welcome,
|
|
|
|
.chinaRedGradient .rubric {
|
|
|
|
color: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 群青过渡 */
|
|
|
|
.ultramarineGradient .reservationInfo,
|
|
|
|
.ultramarineGradient .positioningBox {
|
|
|
|
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ultramarineGradient .chefText,
|
|
|
|
.ultramarineGradient .welcome,
|
|
|
|
.ultramarineGradient .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 深中国红 */
|
|
|
|
.crimson .reservationInfo,
|
|
|
|
.crimson .positioningBox {
|
|
|
|
background: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
.crimson .chefText,
|
|
|
|
.crimson .welcome,
|
|
|
|
.crimson .rubric {
|
|
|
|
color: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 中国红 */
|
|
|
|
.chinaRed .reservationInfo,
|
|
|
|
.chinaRed .positioningBox {
|
...
|
...
|
|
