add PayOrder component

This commit is contained in:
陈嘉涵
2017-08-29 15:59:19 +08:00
parent 67a3c16a62
commit 3a32c24573
7 changed files with 316 additions and 0 deletions

View File

@@ -33,3 +33,4 @@
@import './notice-bar.css';
@import './switch-cell.css';
@import './express-way.css';
@import './pay-order.css';

View File

@@ -0,0 +1,59 @@
.van-pay-order {
left: 0;
bottom: 0;
width: 100%;
z-index: 100;
position: fixed;
user-select: none;
&__tip {
color: #f60;
font-size: 12px;
line-height: 18px;
padding: 10px 10px;
background-color: #fff6e1;
}
&__bar {
height: 50px;
display: flex;
line-height: 50px;
background-color: #fff;
}
&__price {
flex: 1;
text-align: right;
padding-right: 10px;
}
&__price-text {
color: #666;
font-size: 16px;
}
&__price-interger {
color: #f44;
font-size: 16px;
}
&__price-decimal {
color: #f44;
font-size: 12px;
}
.van-button {
width: 110px;
height: 100%;
border-radius: 0;
&--disabled {
border: none;
}
.van-loading__spinner--white {
border-color: rgba(255,255,255, .8);
border-top-color: transparent;
}
}
}