ss

src/page/index.vue

@@ -19,16 +19,13 @@ export default {
 			{
 				src:'static/animal.png',
 				name:'动物实观'
-			},{
-				src:'static/welfare.png',
-				name:'公益案件'
 			},{
 				src:'static/scene.png',
 				name:'现场连线'
 			},{
-				src:'static/network.png',
-				name:'网络视频'
-			},
+				src:'static/welfare.png',
+				name:'公益宣传'
+			}
 		]
     }
   },
@@ -53,16 +50,16 @@ export default {
 	}
 	.firstPage .imgList{
 		position: absolute;
-		top: 485px;
+		top: 453px;
 		width: 1920px;
 		margin: 0 auto;
 	}
 	.firstPage .imgList .item{
 		position: relative;
 		display: inline-block;
-		margin: 0 20px;
+		margin: 0 32px;
 		cursor: pointer;
-		left: 1px;
+		left: 0;
 	}
 	.firstPage .imgList .item .cover{
 		position: absolute;
@@ -75,6 +72,7 @@ export default {
 		display: none;
 		border-radius: 10px;
 		filter: alpha(opacity=50);
+		cursor: pointer;
 	}
 	.firstPage .imgList .item .cover img{
 		position: absolute;
@@ -83,8 +81,8 @@ export default {
 		top: 0;
 		bottom: 0;
 		margin: auto;
-	opacity: 1;
-	filter: alpha(opacity=100);
+		opacity: 1;
+		filter: alpha(opacity=100);
 	}
 	.firstPage .imgList .item:hover .cover{
 		display: block;
@@ -92,13 +90,13 @@ export default {
 	.firstPage .imgList .item .img{
 		width: 100%;
 	}
+	.firstPage .imgList .item_0{
+		left: -3px;
+	}
 	.firstPage .imgList .item_1{
-		left: 2px;
+		left: -1px;
 	}
 	.firstPage .imgList .item_2{
 		left: 2px;
 	}
-	.firstPage .imgList .item_3{
-		left: 4px;
-	}
 </style>