You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
657 lines
9.4 KiB
Plaintext
657 lines
9.4 KiB
Plaintext
9 months ago
|
/* 确认订单 */
|
||
|
@import "../../../style/cart.wxss";
|
||
|
|
||
|
page {
|
||
|
background: #f2f2f2;
|
||
|
color: #999;
|
||
|
padding-top: constant(safe-area-inset-top);
|
||
|
padding-left: constant(safe-area-inset-left);
|
||
|
padding-right: constant(safe-area-inset-right);
|
||
|
padding-bottom: constant(safe-area-inset-bottom);
|
||
|
}
|
||
|
|
||
|
.mobileInfo {
|
||
|
background-color: #fed444;
|
||
|
height: 60px;
|
||
|
padding: 0 10px 0 10px;
|
||
|
}
|
||
|
|
||
|
.mobileInfo .mobile_content {
|
||
|
height: 40px;
|
||
|
width: 180px;
|
||
|
background-color: #343434;
|
||
|
border-radius: 10px;
|
||
|
color: #feea4d;
|
||
|
font-size: bold;
|
||
|
font-family: 黑体;
|
||
|
}
|
||
|
|
||
|
.mobileInfo .mobile_msg {
|
||
|
font-size: 12px;
|
||
|
color: #4c3a07;
|
||
|
padding: 10px;
|
||
|
}
|
||
|
|
||
|
.branchInfo {
|
||
|
padding: 10px;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
.branchInfo .store_name {
|
||
|
font-weight: bold;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
.branchInfo .store_address {
|
||
|
padding: 5px 0 0 0;
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo {
|
||
|
margin-top: 6px;
|
||
|
padding: 5px 10px 5px 0;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .title {
|
||
|
font-size: 12px;
|
||
|
padding: 8px 0 8px 10px;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .items {
|
||
|
/* padding: 10px 0px 0 0; */
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .dineItem {
|
||
|
width: 40%;
|
||
|
height: 30px;
|
||
|
padding: 5px 10px 5px 10px;
|
||
|
margin-left: 10px;
|
||
|
border: 2rpx solid #eee;
|
||
|
border-radius: 5px;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .dineItem .iconfont {
|
||
|
font-size: 24px;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .dineName {
|
||
|
font-size: 14px;
|
||
|
font-weight: bold;
|
||
|
color: #999;
|
||
|
padding-left: 10px;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .icon-selected, .paywayInfo .icon-selected {
|
||
|
font-size: 20px;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .radioIcon, .paywayInfo .radioIcon {
|
||
|
width: 20px;
|
||
|
height: 20px;
|
||
|
border-radius: 100%;
|
||
|
border: 4rpx solid #999;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .select {
|
||
|
border: 2rpx solid #ff9c35;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .select .dineName, .dinewayInfo .select .iconfont {
|
||
|
color: #ff9c35;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .select .triangle {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .select .radioIcon, .paywayInfo .select .radioIcon {
|
||
|
border: 4rpx solid #000;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .select .icon-selected, .paywayInfo .select .icon-selected {
|
||
|
display: block;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .triangle {
|
||
|
display: none;
|
||
|
width: 0;
|
||
|
height: 8px;
|
||
|
border-bottom: 70rpx solid #ff9c35;
|
||
|
border-left: 70rpx solid transparent;
|
||
|
position: absolute;
|
||
|
bottom: 0;
|
||
|
right: 0;
|
||
|
}
|
||
|
|
||
|
.dinewayInfo .selectedIcon {
|
||
|
display: none;
|
||
|
position: absolute;
|
||
|
bottom: 0;
|
||
|
right: 0;
|
||
|
font-size: 20px !important;
|
||
|
color: #fff !important;
|
||
|
}
|
||
|
|
||
|
.tableInfo {
|
||
|
margin-top: 6px;
|
||
|
padding: 10px;
|
||
|
background-color: #fff;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
.tableInfo .table_name {
|
||
|
font-weight: bold;
|
||
|
color: #000;
|
||
|
font-size: 18px;
|
||
|
}
|
||
|
|
||
|
.paywayInfo .payItem {
|
||
|
margin-top: 4px;
|
||
|
height: 80rpx;
|
||
|
padding: 5px 10px 5px 10px;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
.paywayInfo .iconfont {
|
||
|
font-size: 24px;
|
||
|
}
|
||
|
|
||
|
.paywayInfo .payName {
|
||
|
color: #999;
|
||
|
padding-left: 10px;
|
||
|
font-size: 14px;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.paywayInfo .select .payName {
|
||
|
color: #000;
|
||
|
}
|
||
|
|
||
|
.paywayInfo .select .radioIcon {
|
||
|
border: 4rpx solid orange;
|
||
|
background-color: orange;
|
||
|
}
|
||
|
|
||
|
.paywayInfo .select .icon-selected {
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.takeMobile {
|
||
|
margin-top: 6px;
|
||
|
padding: 5px 10px 5px 10px;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
.takeMobile .iconfont {
|
||
|
font-size: 26px;
|
||
|
}
|
||
|
|
||
|
.takeMobile .mobile-content {
|
||
|
height: 36px;
|
||
|
border-radius: 5px;
|
||
|
border: 2rpx solid #eee;
|
||
|
width: 88%;
|
||
|
}
|
||
|
|
||
|
.takeMobile .mobileText {
|
||
|
width: 96%;
|
||
|
padding-right: 6px;
|
||
|
text-align: right;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
.takeMobile .getText {
|
||
|
width: 200rpx;
|
||
|
text-align: center;
|
||
|
font-size: 14px;
|
||
|
color: black;
|
||
|
padding: 0rpx;
|
||
|
margin: 0rpx;
|
||
|
background-color: white;
|
||
|
}
|
||
|
|
||
|
.cart-list-box {
|
||
|
background: #fff;
|
||
|
display: flex;
|
||
|
font-size: 15px;
|
||
|
border-bottom: 1px #e3e3e3 solid;
|
||
|
}
|
||
|
|
||
|
.list-info {
|
||
|
width: 50%;
|
||
|
padding: 5px 15px;
|
||
|
}
|
||
|
|
||
|
.list-info .goodsName {
|
||
|
color: #000;
|
||
|
}
|
||
|
|
||
|
.list-info-size {
|
||
|
font-size: 12px;
|
||
|
color: #b1b1b1;
|
||
|
}
|
||
|
|
||
|
.icon-li-circle {
|
||
|
margin-left: 15px;
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
|
||
|
.font20 {
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
|
||
|
.top-bar {
|
||
|
height: 30px;
|
||
|
font-size: 14px;
|
||
|
background: white;
|
||
|
}
|
||
|
|
||
|
.top-left-label {
|
||
|
float: left;
|
||
|
padding: 5px;
|
||
|
margin-left: 10px;
|
||
|
}
|
||
|
|
||
|
.top-right-label {
|
||
|
float: right;
|
||
|
font-size: 13px;
|
||
|
padding: 5px;
|
||
|
}
|
||
|
|
||
|
.order-info {
|
||
|
background: white;
|
||
|
margin-top: 10px;
|
||
|
}
|
||
|
|
||
|
.order-info-title {
|
||
|
font-size: 12px;
|
||
|
color: #d1d1d1;
|
||
|
padding: 12px;
|
||
|
border-bottom: 1px #e3e3e3 solid;
|
||
|
}
|
||
|
|
||
|
.order-cut {
|
||
|
height: 30px;
|
||
|
padding: 5px 15px;
|
||
|
border-bottom: 1px #e3e3e3 solid;
|
||
|
}
|
||
|
|
||
|
.order-cut-dec {
|
||
|
background: #f07474;
|
||
|
font-size: 13px;
|
||
|
color: white;
|
||
|
padding: 2px;
|
||
|
}
|
||
|
|
||
|
.order-cut-note {
|
||
|
margin-left: 3px;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
.order-cut-number {
|
||
|
font-size: 14px;
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
.order-sum {
|
||
|
height: 30px;
|
||
|
padding: 5px 15px;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
.order-sum-number {
|
||
|
font-size: 14px;
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
.note {
|
||
|
padding: 5px 10px;
|
||
|
background: white;
|
||
|
margin-top: 6px;
|
||
|
}
|
||
|
|
||
|
.note-text {
|
||
|
width: 95%;
|
||
|
font-size: 12px;
|
||
|
background: #f2f2f2;
|
||
|
padding: 10px;
|
||
|
height: 80px;
|
||
|
}
|
||
|
|
||
|
.drawer_screen {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
z-index: 1000;
|
||
|
background: #000;
|
||
|
opacity: 0.5;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.drawer_box_ad {
|
||
|
margin-left: 7%;
|
||
|
width: 86%;
|
||
|
overflow: hidden;
|
||
|
position: fixed;
|
||
|
top: 15%;
|
||
|
z-index: 1001;
|
||
|
background: #fff;
|
||
|
border-radius: 4px;
|
||
|
}
|
||
|
|
||
|
.cartlist-float {
|
||
|
width: 100%;
|
||
|
overflow: hidden;
|
||
|
/* position: fixed; */
|
||
|
position: absolute;
|
||
|
z-index: 1001;
|
||
|
bottom: 55px;
|
||
|
}
|
||
|
|
||
|
.scrollView {
|
||
|
min-height: 150px;
|
||
|
overflow: scroll;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
.drawer_content_ad {
|
||
|
height: 289px;
|
||
|
width: 100%;
|
||
|
padding: 10px;
|
||
|
}
|
||
|
|
||
|
.select-line-nav {
|
||
|
font-size: 12px;
|
||
|
margin-left: 5px;
|
||
|
margin-top: 10px;
|
||
|
color: #ababab;
|
||
|
}
|
||
|
|
||
|
.select-tab {
|
||
|
padding: 5px 7px;
|
||
|
border: 1px solid #ababab;
|
||
|
font-size: 12px;
|
||
|
border-radius: 5px;
|
||
|
margin: 5px;
|
||
|
color: #ababab;
|
||
|
z-index: 1002;
|
||
|
}
|
||
|
|
||
|
.select-active {
|
||
|
color: #ff9c35;
|
||
|
border: 1px solid #ff9c35;
|
||
|
}
|
||
|
|
||
|
.select-price {
|
||
|
font-size: 14px;
|
||
|
color: #ff9c35;
|
||
|
margin-top: 20px;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
margin-left: 10px;
|
||
|
}
|
||
|
|
||
|
.btn-putIn {
|
||
|
height: 40px;
|
||
|
width: 100px;
|
||
|
font-size: 14px;
|
||
|
background: #ff9c35;
|
||
|
color: white;
|
||
|
margin-right: 20px;
|
||
|
}
|
||
|
|
||
|
.activity-color {
|
||
|
color: #ff9c35;
|
||
|
}
|
||
|
|
||
|
/* .color-white {
|
||
|
color: white;
|
||
|
} */
|
||
|
|
||
|
.pay {
|
||
|
background-color: #ff9c35;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.pay_none {
|
||
|
background-color: #fff;
|
||
|
color: gray;
|
||
|
}
|
||
|
|
||
|
.activity-color-bg {
|
||
|
background: #ff9c35;
|
||
|
}
|
||
|
|
||
|
.label-cart-bar {
|
||
|
color: #878787;
|
||
|
font-size: 12px;
|
||
|
border-left: 4px solid #ff9c35;
|
||
|
margin-left: 20px;
|
||
|
}
|
||
|
|
||
|
.icon-clear {
|
||
|
color: #878787;
|
||
|
float: right;
|
||
|
margin-right: 10px;
|
||
|
}
|
||
|
|
||
|
.label-clear {
|
||
|
color: #878787;
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
|
||
|
.cart-list-box {
|
||
|
background: #fff;
|
||
|
display: flex;
|
||
|
font-size: 13px;
|
||
|
}
|
||
|
|
||
|
.list-info {
|
||
|
width: 50%;
|
||
|
padding: 5px 15px;
|
||
|
}
|
||
|
|
||
|
.list-info-size {
|
||
|
font-size: 10px;
|
||
|
color: #b1b1b1;
|
||
|
}
|
||
|
|
||
|
.icon-li-circle {
|
||
|
margin-left: 15px;
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
|
||
|
.font20 {
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
|
||
|
.cut-bar {
|
||
|
height: 20px;
|
||
|
position: fixed;
|
||
|
bottom: 55px;
|
||
|
background: #ffcd9b;
|
||
|
width: 100%;
|
||
|
color: #fff7ec;
|
||
|
font-size: 12px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.mobile-msg {
|
||
|
font-size: 12px;
|
||
|
text-align: right;
|
||
|
padding: 3px 3px 3px 0;
|
||
|
color: #ff9c35;
|
||
|
}
|
||
|
|
||
|
.submit-btn-label {
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
button::after {
|
||
|
border: none;
|
||
|
}
|
||
|
|
||
|
.store-money {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
background-color: red;
|
||
|
}
|
||
|
|
||
|
.m_color {
|
||
|
padding-bottom: 20px;
|
||
|
background-color: black;
|
||
|
}
|
||
|
|
||
|
.member_price {
|
||
|
margin-left: 10px;
|
||
|
font-size: 12px;
|
||
|
color: orange;
|
||
|
}
|
||
|
|
||
|
.btn_pay {
|
||
|
margin: 100rpx auto;
|
||
|
width: 600rpx;
|
||
|
height: 100rpx;
|
||
|
line-height: 100rpx;
|
||
|
border-radius: 100rpx;
|
||
|
background-color: #d3a95a;
|
||
|
color: #fff;
|
||
|
font-size: 36rpx;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
/* 支付密码css start */
|
||
|
|
||
|
.bg_layer {
|
||
|
position: fixed;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
top: 0px;
|
||
|
background: rgba(0, 0, 0, 0.4);
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.input_main {
|
||
|
position: fixed;
|
||
|
left: 5%;
|
||
|
top: 130rpx;
|
||
|
width: 90%;
|
||
|
height: 394rpx;
|
||
|
text-align: center;
|
||
|
border-radius: 8rpx;
|
||
|
background-color: ghostwhite;
|
||
|
z-index: 9999;
|
||
|
}
|
||
|
|
||
|
.input_title {
|
||
|
width: 100%;
|
||
|
height: 90rpx;
|
||
|
line-height: 90rpx;
|
||
|
text-align: center;
|
||
|
font-size: 32rpx;
|
||
|
}
|
||
|
|
||
|
.input_back {
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
width: 80rpx;
|
||
|
height: 90rpx;
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.input_back text {
|
||
|
width: 20rpx;
|
||
|
height: 20rpx;
|
||
|
background-color: white;
|
||
|
border: 1rpx solid #aaa;
|
||
|
border-width: 5rpx 0 5rpx 5rpx;
|
||
|
transform: rotate(-45deg);
|
||
|
}
|
||
|
|
||
|
.close {
|
||
|
/* still bad on picking color */
|
||
|
color: #999;
|
||
|
line-height: 40px;
|
||
|
text-align: center;
|
||
|
height: 40px;
|
||
|
width: 40px;
|
||
|
font-size: 38px;
|
||
|
padding: 1px;
|
||
|
font-weight: lighter;
|
||
|
}
|
||
|
|
||
|
.close::before {
|
||
|
content: "\00D7";
|
||
|
}
|
||
|
|
||
|
.input_tip {
|
||
|
margin: 30rpx;
|
||
|
font-size: 24rpx;
|
||
|
color: #888;
|
||
|
}
|
||
|
|
||
|
/* 密码掩码模拟 */
|
||
|
|
||
|
.input_row {
|
||
|
width: 90%;
|
||
|
margin: 0 auto;
|
||
|
height: 98rpx;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
background-color: white;
|
||
|
border: 1rpx solid #e2e2e2;
|
||
|
border-radius: 3rpx;
|
||
|
}
|
||
|
|
||
|
.input_row .pwd_item {
|
||
|
flex: 1;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
height: 80%;
|
||
|
background-color: white;
|
||
|
border-right: 1rpx solid #e2e2e2;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.pwd_item:nth-last-of-type(1) {
|
||
|
border-right: 0;
|
||
|
}
|
||
|
|
||
|
.pwd_item text {
|
||
|
width: 30rpx;
|
||
|
height: 30rpx;
|
||
|
border-radius: 30rpx;
|
||
|
background-color: #555;
|
||
|
}
|
||
|
|
||
|
.forget_pwd {
|
||
|
float: right;
|
||
|
margin: 30rpx;
|
||
|
width: 100rpx;
|
||
|
text-align: right;
|
||
|
font-size: 24rpx;
|
||
|
color: #ff7800;
|
||
|
}
|
||
|
|
||
|
/* 文本输入框位置: 设置到左边隐藏 */
|
||
|
|
||
|
.input_control {
|
||
|
position: relative;
|
||
|
left: -300rpx;
|
||
|
bottom: 0;
|
||
|
width: 100rpx;
|
||
|
height: 100rpx;
|
||
|
}
|