新增订单组件
This commit is contained in:
@@ -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{
|
||||
|
||||
Reference in New Issue
Block a user