gjy 3 years ago
parent
commit
ef7a7f8abd
1 changed files with 35 additions and 4 deletions
  1. 35 4
      pages/sale/plant.vue

+ 35 - 4
pages/sale/plant.vue

@@ -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%;