|
@@ -10,11 +10,26 @@
|
|
|
</view>
|
|
|
<view class="guess-list">
|
|
|
<view class="guess-list-item" v-for="(item, index) in newsInfo" :key="index">
|
|
|
- <view class="guess-item-item">
|
|
|
+ <view class="flex-item">
|
|
|
<view class='factory Medium'>{{item.factory}}</view>
|
|
|
<view class='wrap Regular'>{{item.city}} {{item.factoryType}}</view>
|
|
|
</view>
|
|
|
- <view class='price NumberBold guess-item-item'>{{item.price}}</view>
|
|
|
+ <view class="flex-item">
|
|
|
+ <view class='price NumberBold'>{{item.price}}</view>
|
|
|
+ <view class='wrap Regular'>
|
|
|
+ <text style='margin-right:5px;'>
|
|
|
+ <image style='width:11px;height:11px;'
|
|
|
+ src='../../static/img/homepage/water@3x.png'>
|
|
|
+ </image>
|
|
|
+ <={{item.waterContent}}</text>
|
|
|
+ <text>
|
|
|
+ <image style='width:11px;height:11px;'
|
|
|
+ src='../../static/img/homepage/unitweight@3x.png'></image>
|
|
|
+ >={{item.bulkDensity}}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class='price NumberBold guess-item-item'>{{item.price}}</view> -->
|
|
|
<view class='positive NumberBold guess-item-item' v-if='item.comparePrice>0'>
|
|
|
<image class='up' src='../../static/img/homepage/shangsheng.png'>{{item.comparePrice}}
|
|
|
</image>
|
|
@@ -489,7 +504,7 @@
|
|
|
.top-tap-item:nth-of-type(2) {
|
|
|
flex: 3;
|
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
+ // justify-content: center;
|
|
|
}
|
|
|
|
|
|
.top-tap-item:nth-of-type(3) {
|
|
@@ -498,7 +513,23 @@
|
|
|
justify-content: flex-end;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ .flex-item:nth-of-type(1) {
|
|
|
+ width: 40%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-item:nth-of-type(2) {
|
|
|
+ width: 40%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-item:nth-of-type(3) {
|
|
|
+ width: 20%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
.guess-list {
|
|
|
width: 100%;
|
|
|
|