209 lines
3.6 KiB
Plaintext
209 lines
3.6 KiB
Plaintext
page {
|
|
background: #f3f4f6;
|
|
padding: 30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.While {
|
|
border-radius: 10rpx;
|
|
margin-bottom: 30rpx;
|
|
background-color: #FFFFFF;
|
|
box-shadow: 0 0 10rpx rgba(0, 0, 0, .05);
|
|
}
|
|
|
|
.orderData {
|
|
border-bottom: 70rpx transparent solid;
|
|
|
|
}
|
|
|
|
/* 订单 */
|
|
.orderData-cont-label {
|
|
padding: 40rpx 30rpx;
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
border-bottom: #f2f2f2 2rpx solid;
|
|
}
|
|
|
|
.orderData-cont-img {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.orderData-cont-text {
|
|
width: calc(100% - 68rpx);
|
|
margin-left: 20rpx;
|
|
box-sizing: border-box;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.orderData-cont-name {
|
|
margin-bottom: 10rpx;
|
|
}
|
|
|
|
.orderData-cont-name text {
|
|
color: #999;
|
|
padding-left: 20rpx;
|
|
}
|
|
|
|
.orderData-cont-copy {
|
|
display: flex;
|
|
font-size: 26rpx;
|
|
color: #999;
|
|
}
|
|
|
|
.orderData-cont-copy text {
|
|
flex: 1;
|
|
display: inline-block;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.orderData-cont-copy view {
|
|
color: #eb504c;
|
|
}
|
|
|
|
/* 产品 */
|
|
.orderGoods {
|
|
padding: 30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.orderGoods-wares {
|
|
position: relative;
|
|
}
|
|
|
|
.orderGoods-img {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
border: 2rpx solid #dddddd;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.orderGoods-cont {
|
|
position: absolute;
|
|
width: calc(100% - 130rpx);
|
|
left: 130rpx;
|
|
top: 0;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.orderGoods-text {
|
|
margin: 20rpx 0 30rpx;
|
|
color: #666666;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.orderGoods-price {
|
|
display: flex;
|
|
color: #555555;
|
|
margin-top: 15rpx;
|
|
}
|
|
|
|
.orderGoods-price text {
|
|
flex: 1;
|
|
color: #000;
|
|
}
|
|
|
|
.orderGoods-brief {
|
|
display: flex;
|
|
padding-top: 30rpx;
|
|
}
|
|
|
|
.orderGoods-brief view {
|
|
flex: 1;
|
|
color: #333333;
|
|
}
|
|
|
|
.orderGoods-brief text {
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* 规格 */
|
|
.reserveCont-title {
|
|
font-weight: 600;
|
|
padding: 30rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.reserve-label {
|
|
display: flex;
|
|
padding: 0 30rpx 30rpx;
|
|
box-sizing: border-box;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.reserve-name {
|
|
flex: 1;
|
|
width: 200rpx;
|
|
margin-right: 20rpx;
|
|
color: #7e7e7e;
|
|
}
|
|
|
|
.reserve-text {
|
|
width: calc(100% - 240rpx);
|
|
text-align: right;
|
|
line-height: 50rpx;
|
|
}
|
|
|
|
.reserve-text text {
|
|
font-size: 24rpx;
|
|
display: inline-block;
|
|
background-image: linear-gradient(to right, #f16e06, #f34206);
|
|
color: #FFFFFF;
|
|
border-radius: 6rpx;
|
|
padding: 0 10rpx;
|
|
height: 44rpx;
|
|
line-height: 44rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
|
|
.reserve-text text.active {
|
|
background-image: linear-gradient(to right, #027be6, #2855f0);
|
|
}
|
|
|
|
.reserve-text.reserve-price {
|
|
font-weight: 600;
|
|
color: #1d37e2;
|
|
}
|
|
|
|
.reserve-copy {
|
|
color: #6774ff;
|
|
border: #6774ff 2rpx solid;
|
|
display: inline-block;
|
|
height: 34rpx;
|
|
line-height: 34rpx;
|
|
font-size: 26rpx;
|
|
padding: 0 10rpx;
|
|
border-radius: 4rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
/* 底部菜单 */
|
|
.order-data-footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border-top: solid 1rpx #f2f2f2;
|
|
padding-top: 17rpx;
|
|
padding-right: 30rpx;
|
|
padding-left: 30rpx;
|
|
height: 83rpx;
|
|
background: white;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row-reverse;
|
|
z-index: 9;
|
|
}
|
|
|
|
.order-btn {
|
|
margin-left: 20rpx;
|
|
height: 58rpx;
|
|
line-height: 58rpx;
|
|
box-sizing: border-box;
|
|
border: solid 1rpx #747788;
|
|
padding: 0 20rpx;
|
|
font-size: 26rpx;
|
|
border-radius: 10rpx;
|
|
margin-top: 5rpx;
|
|
} |