88 lines
1.3 KiB
Plaintext

/* pages/order/index.wxss */
@padding: 15px;
@content_padding: 10px;
.order-page {
background-color: #f2f2f2;
min-height: 100vh;
}
.order-list-wrapper {
padding: @padding;
}
.order-item {
background-color: #fff;
margin-bottom: @padding;
border-radius: 4px;
overflow: hidden;
&:last-child {
margin-bottom: 0;
}
.order-footer {
border-top: 1px solid #f2f2f2;
}
.order-no{
border-bottom: 1px solid #f2f2f2;
padding: 10px;
font-size: 13px;
}
.order-goods-content {
padding: @content_padding;
.info {
display: flex;
}
.goods-name{
flex:1;
margin: 0 8px;
font-size: 15px;
line-height: 1.3;
}
.goods-price{
color:#999;
text-align: right;
}
.sale-price{
color: #333;
}
.origin-price{
text-decoration: line-through;
}
}
.goods-cover-image {
width: 100px;
height: 100px;
}
.price{
text-align: right;
font-size: 13px;
.price-total{
font-size: 16px;
vertical-align: baseline;
}
}
.order-footer {
display: flex;
justify-content: space-between;
padding: @content_padding;
}
.order-status {
display: flex;
align-items: center;
font-size: 14px;
color: #c78a8a;
}
.order-action {
.btn {
margin-left: 10px;
}
}
}