|
|
@@ -10,7 +10,7 @@
|
|
|
</view>
|
|
|
<!-- 列表 -->
|
|
|
<scroll-view enable-back-to-top scroll-y class="scroll-view" @scrolltolower="onScrolltolower">
|
|
|
- <view class="goods">
|
|
|
+ <view class="orders">
|
|
|
<navigator
|
|
|
hover-class="none"
|
|
|
class="navigator"
|
|
|
@@ -25,10 +25,19 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="order_state">
|
|
|
- <text>{{ item.order_state }}</text>
|
|
|
+ <text>{{ item.status_text }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="address">
|
|
|
+ <view>
|
|
|
+ <text>{{ item.address?.first_name + ' ' + item.address?.last_name }}</text>
|
|
|
+ <text>{{ item.address?.mobile_code + ' ' + item.address?.mobile }}</text>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <text>{{ item.address?.city }}</text>
|
|
|
+ <text>{{ item.address?.zip_code }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="address"> </view>
|
|
|
|
|
|
<view class="price">
|
|
|
<text class="symbol">¥</text>
|
|
|
@@ -387,4 +396,34 @@ page {
|
|
|
.scroll-view {
|
|
|
flex: 1;
|
|
|
}
|
|
|
+.orders {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 0 20rpx 20rpx;
|
|
|
+ .navigator {
|
|
|
+ padding: 20rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ .thumb {
|
|
|
+ width: 305rpx;
|
|
|
+ height: 305rpx;
|
|
|
+ }
|
|
|
+ .name {
|
|
|
+ height: 88rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
+ .price {
|
|
|
+ line-height: 1;
|
|
|
+ color: #cf4444;
|
|
|
+ font-size: 30rpx;
|
|
|
+ }
|
|
|
+ .symbol {
|
|
|
+ font-size: 70%;
|
|
|
+ }
|
|
|
+ .decimal {
|
|
|
+ font-size: 70%;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
