jufubao-base 1.0.305 → 1.0.307-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -58,19 +58,25 @@
58
58
  </view>
59
59
  <view v-if="productList.length>0">
60
60
  <view v-for="(item,index) in productList" :key="index" class="jfb-base-saving-detail__body-product-item">
61
- <image :src="item.product_image">
62
- </image>
63
- <view class="jfb-base-saving-detail__body-product-item-info">
64
- <view class="jfb-base-saving-detail__body-product-item-info-name">{{item.product_name}}</view>
65
- <view class="jfb-base-saving-detail__body-product-item-info-time">
66
- <view>{{item.order_time}}</view>
67
- <view>{{item.product_num}}件</view>
68
- </view>
69
- <view class="jfb-base-saving-detail__body-product-item-info-price">
70
- <view>合计节省</view>
71
- <view :style="{color:mainColor}">{{getAmout(item.saving_amount)}}</view>
61
+ <view class="jfb-base-saving-detail__body-product-item-top">
62
+ <image :src="item.product_image">
63
+ </image>
64
+ <view class="jfb-base-saving-detail__body-product-item-top-info">
65
+ <view style="display: flex;justify-content: space-between">
66
+ <view class="jfb-base-saving-detail__body-product-item-top-info-name">{{item.product_name}}</view>
67
+ <view class="jfb-base-saving-detail__body-product-item-top-info-price">省¥{{ getAmout(item.saving_amount) }}</view>
68
+ </view>
69
+ <view class="jfb-base-saving-detail__body-product-item-top-info-time">
70
+ <view>{{item.order_time}}</view>
71
+ <view>{{item.product_num}}件</view>
72
+ </view>
73
+ <!-- <view class="jfb-base-saving-detail__body-product-item-info-price">
74
+ <view>合计节省</view>
75
+ <view :style="{color:mainColor}">{{getAmout(item.saving_amount)}}</view>
76
+ </view> -->
72
77
  </view>
73
78
  </view>
79
+ <view class="jfb-base-saving-detail__body-product-item-bottom">‌{{ item.saving_desc_text }}</view>
74
80
  </view> 
75
81
  </view>
76
82
  <XdNoData v-else></XdNoData>
@@ -670,7 +676,7 @@
670
676
  align-items: center;
671
677
  justify-content: space-between;
672
678
  padding: 24rpx;
673
- border-bottom: 2rpx solid #eee;
679
+ border-bottom: 2rpx solid #f8f8f8;
674
680
 
675
681
  &>view:first-child {
676
682
  color: #333;
@@ -684,47 +690,57 @@
684
690
  }
685
691
 
686
692
  &-item {
687
- display: flex;
688
693
  padding: 26rpx;
689
- border-bottom: 2rpx solid #eee;
694
+ border-bottom: 2rpx solid #f8f8f8;
695
+ &-top{
696
+ display: flex;
697
+ &>image {
698
+ width: 140rpx;
699
+ height: 140rpx;
700
+ margin-right: 32rpx;
701
+ flex-shrink: 0;
690
702
 
691
- &>image {
692
- width: 200rpx;
693
- height: 200rpx;
694
- margin-right: 32rpx;
695
- flex-shrink: 0;
696
-
697
- }
698
-
699
- &-info {
700
- flex: 1;
701
-
702
- &-name {
703
- font-size: 28rpx;
704
- color: #333333;
705
- .uni-max-cut(2, 80);
706
703
  }
707
704
 
708
- &-time {
705
+ &-info {
706
+ flex: 1;
709
707
  display: flex;
710
- align-items: center;
708
+ flex-direction: column;
711
709
  justify-content: space-between;
712
- font-size: 24rpx;
713
- color: #999999;
714
- margin: 40rpx 0 12rpx 0;
715
- }
716
710
 
717
- &-price {
718
- display: flex;
719
- align-items: center;
720
- justify-content: space-between;
721
- font-size: 24rpx;
711
+ &-name {
712
+ font-size: 28rpx;
713
+ color: #333333;
714
+ display: flex;
715
+ margin-right: 48rpx;
716
+ .uni-max-cut(2, 80);
717
+ }
722
718
 
723
- &>view:nth-child(2) {
719
+ &-time {
720
+ display: flex;
721
+ align-items: center;
722
+ // justify-content: space-between;
723
+ font-size: 24rpx;
724
+ color: #999999;
725
+ margin: 40rpx 0 12rpx 0;
726
+ & > view:first-child{
727
+ margin-right: 24rpx;
728
+ }
729
+ }
730
+
731
+ &-price {
732
+ font-size: 28rpx;
724
733
  font-weight: 500;
734
+ color:#FF5A39;
735
+ flex-shrink: 0;
725
736
  }
726
737
  }
727
738
  }
739
+ &-bottom {
740
+ color: #666666;
741
+ font-size: 18rpx;
742
+ margin-top: 24rpx;
743
+ }
728
744
  }
729
745
  }
730
746