新增订单组件

This commit is contained in:
唐明明
2021-12-31 17:54:48 +08:00
parent 61fddf2d3a
commit e2de02b68b
11 changed files with 992 additions and 577 deletions

View File

@@ -10,7 +10,12 @@
<!-- 订单产品 -->
<view class="block goods-box">
<view class="goods-item">
<image class="order-cover" src="https://yanxuan-item.nosdn.127.net/6d48e6ea51a06b1356ccda21497fdb14.png" mode="aspectFill"></image>
<view class="order-title">茅台王子酒 金王子 53 500毫升</view>
<view class="order-count">
<view class="order-price"><text></text>275.00</view>
<view class="order-sum">共1件</view>
</view>
</view>
</view>
<!-- 订单信息 -->
@@ -94,6 +99,42 @@
}
}
}
// 订单列表
.goods-item{
display: flex;
align-items: center;
padding: $padding;
.order-cover{
vertical-align: top;
width: 128rpx;
height: 128rpx;
}
.order-title{
@extend .ellipsis;
text-align: left;
flex: 1;
padding-left: $margin;
font-size: 28rpx;
line-height: 40rpx;
}
.order-count{
text-align: right;
padding-left: $margin;
line-height: 40rpx;
.order-price{
font-size: 30rpx;
font-weight: bold;
color: $text-price;
&>text{
font-size: 24rpx;
}
}
.order-sum{
font-size: 26rpx;
color: #777;
}
}
}
// 订单信息
.info-box{
.info-item{