1

src/views/MLargeScreen/components/smallWindow/index.vue

@@ -59,33 +59,79 @@ export default {
 </script>
 
 <style scope>
-.swViews{
-	position: absolute;
-	z-index: 2;
-	top: 20%;
-	left: 30%;
-	height: 60vh;
-	width: 40vw;
-	background:no-repeat center center url('~@/assets/images/truckTuPian/kapian1.png');
-	background-size:100% 100%;
-}
-.swViews_title{
-	padding: 12px 30px 10px;
-	box-sizing: border-box;
-	display: flex;
-	justify-content: space-between;
-	font-size: 20px;
-	font-weight: 600;
-	color: rgb(24,228,240);
-	border-bottom: 1px solid rgb(24,228,240);
-}
-.swViews_center{
-	padding: 0px 30px;
-	box-sizing: border-box;
-	font-size: 20px;
-	color: white;
+
+@media screen and (max-width:901px){
+	.swViews{
+		position: absolute;
+		z-index: 2;
+		top: 10%;
+		left: 20%;
+		height: 60vh;
+		width: 28vw;
+		background:no-repeat center center url('~@/assets/images/truckTuPian/kapian1.png');
+		background-size:100% 100%;
+	}
+	.swViews_title{
+		letter-spacing: 1px;
+		padding: 2vh 2vw 1vh;
+		box-sizing: border-box;
+		display: flex;
+		justify-content: space-between;
+		font-size: 14px;
+		font-weight: 600;
+		color: rgb(24,228,240);
+		border-bottom: 1px solid rgb(24,228,240);
+	}
+	.swViews_title>img{
+		height: 4vh;
+		width: 4vh;
+	}
+	.swViews_center{
+		padding: 0px 2vw;
+		box-sizing: border-box;
+		font-size: 13px;
+		color: white;
+	}
+	.swViews_center>div{
+		margin-top: 1.5vh;
+	}
 }
-.swViews_center>div{
-	margin-top: 10px;
+
+@media screen and (min-width:901px){
+	.swViews{
+		position: absolute;
+		z-index: 2;
+		top: 20%;
+		left: 30%;
+		height: 60vh;
+		width: 40vw;
+		background:no-repeat center center url('~@/assets/images/truckTuPian/kapian1.png');
+		background-size:100% 100%;
+	}
+	.swViews_title{
+		letter-spacing: 1px;
+		padding: 12px 30px 10px;
+		box-sizing: border-box;
+		display: flex;
+		justify-content: space-between;
+		font-size: 20px;
+		font-weight: 600;
+		color: rgb(24,228,240);
+		border-bottom: 1px solid rgb(24,228,240);
+	}
+	.swViews_title>img{
+		height: 20px;
+		width: 20px;
+	}
+	.swViews_center{
+		padding: 0px 30px;
+		box-sizing: border-box;
+		font-size: 20px;
+		color: white;
+	}
+	.swViews_center>div{
+		margin-top: 10px;
+	}
 }
+
 </style>
\ No newline at end of file