优化大图

mall/src/pages/home/components/goods-list-big.vue

@@ -8,17 +8,23 @@
 		</div>
 		<div class="goods-wrap">
 			<block>
-				<div class="goods-list" v-for="(item, index) in info.goodsInfoList" :key="index" @click="pageTo({
+				<div 
+					class="goods-list" 
+					v-for="(item, index) in info.goodsInfoList" 
+					:key="index" @click="pageTo({
 					url: '/pages/goods/detail',
 					query: {
 						id: item.id
 					}
 				})">
-					<div class="goods-img">
-						<app-img 
+					<div 
+						class="goods-img">
+						<app-img
+							class="goods-item_box"
 							:src="item.smallImgList[0]" 
-							mode="aspectFit " 
-							style="width:100%" />
+							 mode="aspectFit" 
+							 style="width:100%"
+							 />
 					</div>
 					<div class="goods-det">
 						<div class="goods-left">
@@ -47,7 +53,10 @@ export default {
 		}
 	},
 	onLoad() {
-		alert('asdfa')
+		
+	},
+	mounted(){
+	
 	},
 	data() {
 		return {
@@ -82,8 +91,10 @@ export default {
 				margin-top: 0;
 			}
 			.goods-img {
-				// width: 800px;
-				// height: 534px;
+				height:404px;
+				display: flex;
+				justify-content: center;
+				align-items: center;
 				img {
 					height: 100%;
 				}