// 遮罩
|
.mask { width: 100%; height: 100%; position: fixed; z-index: 20; }
|
// 商户信息
|
.head-box { position: relative; height: 160px; background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center; background-color: #19be6b; color: #ffffff;
|
.head-wrap { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; z-index: 9; top: 0;
|
.nav-title { font-size: 19px; font-family: PingFang SC; font-weight: 500; color: #fff; }
|
.status-H5bar { height: 30px; width: 350px; }
|
.status-bar { height: calc(var(--status-bar-height) + 10px); width: 350px; }
|
}
|
}
|
// 卡片
|
.info-card-box { background-color: #fff; padding: 15px 10px;
|
.info-card { position: relative; width: 172px; height: 82.5px; border-radius: 5px; overflow: hidden;
|
.card-bg { width: 100%; height: 100%; }
|
.card-content { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; padding: 15px 0 0 15px;
|
.card-title { font-size: 14px; font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 1); }
|
.card-detail-box { padding: 5px 10px; height: 22.5px; background: rgba(255, 255, 255, 1); width: 75px; border-radius: 11.5px; margin-top: 10px;
|
.card-detail { font-size: 11px; font-family: PingFang SC; font-weight: 500; color: rgba(0, 187, 206, 1); }
|
.cuIcon-qr_code { color: #0f98f9; }
|
.cuIcon-edit { color: #00b6ce; }
|
.card-icon { font-size: 18px; margin-right: 7px; }
|
}
|
}
|
}
|
}
|
// 核销nav
|
.statistics-nav { background: #fff; margin: 5px 0 0; position: relative; z-index: 22;
|
.nav-item { flex: 1;
|
&:first-child {
|
&::after { content: ''; height: 15px; width: 1px; background-color: #bdbdbd; display: inline-block; }
|
}
|
&:nth-child(2) {
|
&::after { content: ''; height: 15px; width: 1px; background-color: #bdbdbd; display: inline-block; }
|
}
|
.item-title { font-size: 15px; color: #666; line-height: 40px; }
|
.cuIcon-triangleupfill { color: #666; transition: all linear 0.2s; }
|
.icon-active { transition: all linear 0.2s; transform: rotate(180deg); color: #4cb89d; }
|
.title-active { color: #4cb89d; }
|
.nav-line { width: 100%; height: 1px; background: rgba(#ccc, 0.5); }
|
.line-active { background: #4cb89d; height: 1px; }
|
}
|
}
|
// 下拉窗
|
.drop-down-box { position: absolute; z-index: 22; width: 100%; top: 55px; background-color: #ffff; box-shadow: 0px 7.5px 13.5px 0px rgba(203, 203, 203, 0.34); transform: scaleX(1); transition: all linear 0.1s;
|
.drop-down-item { height: 40px; border-bottom: 0.5px solid rgba(#dfdfdf, 0.5); padding: 0 30px; line-height: 40px;
|
.item-title { font-size: 12px; color: #666; }
|
.cuIcon-check { color: #4cb89d; }
|
.title-active { color: #4cb89d; }
|
}
|
}
|
.hide-drop-down { top: 0; width: 375px; transform: scaleY(0); opacity: 0; transform-origin: top; transition: all linear 0.1s; }
|
// 销量
|
.sales-volume-box { background-color: #fff; padding: 15px;
|
.sales-volume { width: 169px; height: 36px; background: rgba(76, 184, 157, 0.06); border: 0.5px solid rgba(185, 227, 217, 1); border-radius: 5px; font-size: 12px; font-family: PingFang SC; font-weight: 400; color: rgba(76, 184, 157, 1); text-align: center; line-height: 36px; margin: 0 10px }
|
}
|
// 输码弹窗
|
.modal-box { background: #fff; width: 305px; margin: 0 auto; border-radius: 10px;
|
.modal-head-img { width: 100%; height: 106.5px; }
|
|
.modal-head-title { font-size: 17.5px; font-family: PingFang SC; font-weight: bold; color: #343434; line-height: 21px; }
|
|
.inp { width: 250.5px; height: 39px; border: 0.5px solid #e5e5e5; margin: 30px auto 20px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #6d5028;
|
|
.pl-inp { color: #9a9a9a; }
|
}
|
.post-btn { width: 246px; height: 35px; background: linear-gradient(90deg, #2eae9c, #6cc29f); box-shadow: 0px 3.5px 3px 0px rgba(#6cc29f, 0.22); border-radius: 17.5px; font-size: 14px; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 1); padding: 0; margin-bottom: 30px; }
|
}
|
// 订单列表
|
.order-list { background: #fff; margin: 10px; padding: 0 10px;
|
.order-bottom { height: 40px;
|
.total-price-title { color: #999999; font-size: 12px; }
|
.total-price { color: #333; font-size: 13px;
|
&::before { content: '￥'; font-size: 10px; }
|
}
|
}
|
.order-head { height: 33.5px; border-bottom: 0.5px solid #dfdfdf;
|
.no { font-size: 13px; color: #999; }
|
.state { font-size: 13px; color: #a8700d; }
|
}
|
.goods-order { border-bottom: 1px solid rgba(223, 223, 223, 0.5); padding: 10px 0; }
|
}
|
|
|
/*商品展示*/
|
.goods-box { position: relative;
|
.goods-img { height: 90px; width: 90px; background-color: #ccc; margin-right: 12.5px; }
|
.order-goods__tag { position: absolute; top: 0; left: 0; z-index: 5;
|
.tag-img { width: 30px; height: 15px; }
|
}
|
.goods-title { font-size: 14px; font-family: PingFang SC; font-weight: 500; color: rgba(51, 51, 51, 1); width: 225px; line-height: 20px; margin-bottom: 5px; }
|
|
.size-tip { line-height: 20px; font-size: 12px; color: #666; }
|
.sub-tip { width: 240px; line-height: 20px; font-size: 12px; color: #a8700d; margin: 5px 0; }
|
|
.price { color: #e1212b; }
|
}
|
|
// order
|
.goods-box {
|
.order-right { height: 90px; }
|
.order-tip { font-size: 12px; font-family: PingFang SC; font-weight: 400; color: rgba(153, 153, 153, 1); width: 225px; margin-bottom: 10px;
|
.order-num { margin-right: 5px; }
|
}
|
.order-goods { width: 240px;
|
|
.status-btn { background: none; height: 16px; border: 0.5px solid rgba(207, 169, 114, 1); border-radius: 7.5px; font-size: 10px; font-family: PingFang SC; font-weight: 400; color: rgba(168, 112, 13, 1); padding: 0 5px; margin-left: 10px; background: rgba(233, 183, 102, 0.16); }
|
.order-price { font-size: 13px; font-family: PingFang SC; font-weight: 600; color: rgba(51, 51, 51, 1); }
|
}
|
}
|
|
/*订单详情*/
|
.order-detail-wrap { position: relative; height: 100%;
|
.bottom-box { position: absolute; width: 375px; bottom: 0; background-color: #fff; padding: 5px 0;
|
.send-btn { width: 355px; height: 40px; background: linear-gradient(90deg, #2eae9c, #6cc29f); border: 0.5px solid rgba(237, 237, 237, 1); border-radius: 20px; font-size: 15px; font-family: PingFang SC; font-weight: 500; color: rgba(255, 255, 255, 1); }
|
}
|
}
|
// 订单卡片
|
.card-box { margin-bottom: 10px; background-color: #fff;
|
.order-goods-item { padding: 10px;
|
.card-item { line-height: 30px;
|
.item-title { font-size: 14px; color: #999; }
|
.item-content { font-size: 13px; color: #333; }
|
}
|
}
|
}
|
.order-detail-card { background-color: #fff; margin: 10px 0;
|
.card-title { font-size: 15px; font-family: PingFang SC; font-weight: 500; color: rgba(51, 51, 51, 1); height: 40px; padding: 0 10px; border-bottom: 0.5px solid rgba(223, 223, 223, 0.5); }
|
.detial-content { padding: 10px;
|
.detail-item { min-height: 30px;
|
.item-title { font-size: 14px; color: #999; }
|
.item-content { font-size: 13px; color: #333; }
|
}
|
.address-item { display: flex;
|
.address-content { width: 225px; }
|
}
|
}
|
}
|
|
.coreshop-tools-list-box {
|
.grid-text { font-size: 12px; margin-top: 5px; color: $core-type-info; }
|
}
|
