fix

virgo.wzfrontend/workark/src/components/website/productItem.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="product-item" @click="clickItem">
-		<div class="product-item-image">
-			<img :src="imageUrl(item.showPictures)" :alt="item.name" />
-		</div>
+		<div class="product-item-image" :style="'background-image: url('+imageUrl(item.showPictures)+');'"></div>
 		<div class="product-content">
 			<div class="product-item-title hui-ellipsis">{{item.name}}</div>
 			<div class="space hui-ellipsis">{{item.remark}}</div>
@@ -13,19 +11,17 @@
 <script>
 	import Crypto from '@/uitls/crypto'
 	export default {
-		props: ['item'],
+		props: ['item', 'parent'],
 		methods: {
 			imageUrl(data) {
-				if (!data) return 'https://assets.api.uizard.io/api/cdn/stream/c05650d2-192b-4a56-ae97-05638f53804c.png';
-				let imgData = JSON.parse(data)[0];
-				if (!imgData) {
-					return 'https://assets.api.uizard.io/api/cdn/stream/c05650d2-192b-4a56-ae97-05638f53804c.png';
-				}
-				return imgData.url;
+				let itemData = this.parent.showPictures;
+				if (itemData && JSON.parse(itemData)[0]) return JSON.parse(itemData)[0].url;
+				if (data && JSON.parse(data)[0]) return JSON.parse(data)[0].url;
+				return 'https://assets.api.uizard.io/api/cdn/stream/c05650d2-192b-4a56-ae97-05638f53804c.png';
 			},
 			clickItem() {
 				let id = Crypto.AES.encrypt(String(this.item.id), 'bosshand');
-				this.$router.push('/website/serveDetail?type=' + encodeURIComponent(id)	 + '&sign=' + this.item.sign);
+				this.$router.push('/website/serveDetail?type=' + encodeURIComponent(id) + '&sign=' + this.item.sign);
 			}
 		}
 	}
@@ -48,29 +44,18 @@
 
 		.product-item-image {
 			width: 100%;
-			height: 180px;
+			height: 160px;
 			overflow: hidden;
 			border-radius: 8px;
-		}
-
-		img {
-			width: 100%;
-			height: 100%;
-			border: 0;
-			vertical-align: top;
-			transition: all 0.7s;
+			background-repeat: no-repeat;
+			background-size: cover;
+			background-position: center center;
 		}
 
 		&:nth-child(4n) {
 			margin-right: 0;
 		}
 
-		&:hover {
-			img {
-				transform: scale(1.05);
-			}
-		}
-
 		.product-content {
 			padding-top: 15px;
 		}

virgo.wzfrontend/workark/src/views/index.vue

@@ -1,40 +1,41 @@
 <template>
 	<div class="website-home">
-		<!-- 	<div class="banner">
+		<div class="banner">
 			<el-carousel :interval="5000" arrow="always" height="100%">
 				<el-carousel-item>
 					<img class="banner-img"
-						src="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/b76aecd618654786be1be611b485b8ab"
+						src="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/1eeba102483945589db9fa134581c19c"
 						alt="" />
 				</el-carousel-item>
 				<el-carousel-item>
 					<img class="banner-img"
-						src="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/e26da467367b40f9b6ed385f9688d945"
+						src="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/e5a861ad85284564ad3fca7783dfbdfd"
 						alt="" />
 				</el-carousel-item>
 				<el-carousel-item>
 					<img class="banner-img"
-						src="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/8e8ee0b72a1b45b19dbb18251b74219a"
+						src="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/fbcd3f73ece94cde94f768428d164a9f"
 						alt="" />
 				</el-carousel-item>
 				<el-carousel-item>
 					<img class="banner-img"
-						src="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/2c4b2393fce546e8bc42bbd107c37af1"
+						src="https://file-node.oss-cn-shanghai.aliyuncs.com/youji/29a9a76dd14942198a28851cfe920061"
 						alt="" />
 				</el-carousel-item>
 			</el-carousel>
-		</div> -->
-		<div class="website-home-bg"></div>
+		</div>
+		<!-- <div class="website-home-bg"></div> -->
 		<div class="container">
-			<div class="main-container">
+			<!-- <div class="main-container">
 				<div class="main-title">WORKARK-寻找合适的服务</div>
 				<div class="main-sub-title">方便、快捷、精准</div>
-			</div>
+			</div> -->
 			<div class="product-box">
 				<div class="product-iview" v-for="item in list" :key="item.id">
 					<div class="title">{{item.name}}</div>
 					<div class="product-list">
-						<product-item v-for="(node,index) in item.children" :key="index" :item="node"></product-item>
+						<product-item v-for="(node,index) in item.children" :key="index" :item="node"
+							:parent="item"></product-item>
 					</div>
 				</div>
 			</div>