tplus-pos
Version:
pos module
259 lines (251 loc) • 8.07 kB
text/less
.vertical-touch-platform{
.voucher{
.blank-page{
width:100%;
height: 100%;
background: url('https://newretail.static.chanjet.com/vertical/barcode.png') no-repeat;
// background-size:cover;
background-position: 50% ;
background-size: 580px 540px;
text-align: center;
span{
display: inline-block;
}
span:nth-child(1){
font-family: PingFang-SC-Medium;
font-size: 48px;
color: #333333;
line-height: 48px;
margin-top:235px;
}
span:nth-child(3){
font-family: PingFang-SC-Regular;
font-size: 40px;
color: #999999;
line-height: 40px;
margin-top:30px;
}
}
background:#f8f8f8;
.sku{
// background:red;
width:90%;
margin:40px auto 0 auto;
height: 190px;
background: #FFFFFF;
border-radius: 20px;
box-sizing: border-box;
padding: 39px;
background: #FFFFFF;
box-shadow: 0 4px 9px 0 rgba(153,153,153,0.50);
border-radius: 20px;
.top{
position: relative;
.zeng{
font-size: 40px;
color: #ff8c24;
line-height: 40px;
}
.name{
margin-left:20px;
font-family: PingFang-SC-Medium;
font-size: 38px;
color: #333333;
line-height: 38px;
// float: left;
width:calc(~"100% - 40px");
// background: red;
}
.delete{
position: absolute;
right: 0;
top:0;
display: inline-block;
color: #979797;
font-size: 30px;
font-weight: bold;
}
overflow: hidden;
}
.bottom{
display: flex;
align-items: center;
justify-content: center;
margin-top:40px;
.tax-price{
display: inline-block;
width:220px;
height: 32px;
line-height: 32px;
font-family: PingFang-SC-Regular;
font-size: 32px;
color: #000000;
}
.retail-price{
display: inline-block;
width:174px;
height: 24px;
line-height: 24px;
font-size: 24px;
font-family: PingFang-SC-Regular;
color: #999999;
margin-left:20px;
}
.retail-price-through{
text-decoration:line-through;
}
.quantity{
display: inline-block;
width:212px;
height: 34px;
line-height: 34px;
font-family: PingFang-SC-Medium;
font-size: 34px;
color: #333333;
margin-left:20px;
text-align: center;
.minus{
font-size: 40px;
float: left;
color: #ff8c24;
}
.no-effect{
color:#c8c8cd ;
}
.plus{
font-size: 40px;
float: right;
color: #ff8c24;
}
}
.tax-amount{
display: inline-block;
width:215px;
height: 38px;
line-height: 38px;
font-size: 42px;
font-family: PingFang-SC-Semibold;
color: #FF8C25;
text-align: right;
margin-left:20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
.sku-select{
box-shadow: 0 8px 10px 0 #FFD2A9;
border: 2px solid #FF8C00;
}
.voucher-footer{
height: 250px;
background: #FFFFFF;
font-size:200px;
padding: 30px 41px;
.menus{
overflow: hidden;
// height: 90px;
.menu{
display: inline-block;
float: left;
border: 1px solid #FF8C25;
border-radius: 30px;
font-family: PingFang-SC-Regular;
font-size: 28px;
color: #333333;
line-height: 40px;
padding:10px 28px;
.menu-icon{
color: #FF8C25;
font-size: 28px;
margin-right: 20px;
}
}
.menu:nth-child(n+2){
margin-left:40px ;
}
}
.vertical-footer{
height: 150px;
width: 100%;
font-size: 38px;
padding:30px 0 0 0;
}
.span{
vertical-align: text-top;
line-height: 60px;
}
.vertical-footer-paycontainer{
float: right;
width:300px;
text-align: center;
}
.vertical-footer-pay{
display: inline-block;
width:300px;
height: 80px;
border-radius: 80px;
background: #FF8C25;
font-family: PingFang-SC-Medium;
font-size: 40px;
color: #FFFFFF;
text-align: center;
line-height: 80px;
float: right;
}
.tipStyle{
vertical-align: top;
line-height: 40px;
color:#FF8C25;
font-size: 24px;
}
.vertical-footer-nopay{
background: #c8c8cd;
}
.vertical-footer-total{
.span;
display: inline-block;
font-size: 38px;
color: #333333;
}
.vertical-footer-amount{
.span;
display: inline-block;
font-size: 60px;
color: #FF8C25;
line-height: 56px;
}
.vertical-footer-count{
.span;
font-size: 38px;
color: #333333;
}
}
}
.member-input-left{
width: 100%;
height: 100%;
background: url('https://newretail.static.chanjet.com/vertical/storage.png') no-repeat;
background-size:100% 50%;
background-position:0 50% ;
text-align: center;
span{
display: inline-block;
}
span:nth-child(1){
font-family: PingFang-SC-Medium;
font-size: 24px;
color: #333333;
line-height: 24px;
margin-top:507px;
}
span:nth-child(3){
font-family: PingFang-SC-Regular;
font-size: 24px;
color: #999999;
line-height: 24px;
margin-top:21px;
}
}
}