Bläddra i källkod

修改首页移动端样式

sunjuan 2 år sedan
förälder
incheckning
06c29d1166
1 ändrade filer med 20 tillägg och 17 borttagningar
  1. 20 17
      nngkxxdp/src/main/resources/static/natj/enter_dataAllMobile.html

+ 20 - 17
nngkxxdp/src/main/resources/static/natj/enter_dataAllMobile.html

@@ -20,12 +20,13 @@
 		.bodyBox {
 			margin: 10px;
 			display: flex;
-			flex-wrap: wrap;
+			flex-direction: column;
+			align-items: center;
 		}
 
 		.box {
-			width: 40%;
-			height: 156px;
+			width: 60%;
+			height: 250px;
 			background: #FFFFFF;
 			border: 1px solid #FFFFFF;
 			box-shadow: 5px 9px 17px 1px rgba(122, 122, 122, 0.16);
@@ -45,19 +46,20 @@
 		/*}*/
 		.moduleIcon {
 			display: block;
-			width: 45px;
-			height: 45px;
+			width: 70px;
+			height: 70px;
 		}
 
 		.moduleName {
-			width: 91px;
+			width: 120px;
 			height: 24px;
-			font-size: 18px;
+			font-size: 30px;
 			font-family: Microsoft YaHei;
 			font-weight: bold;
 			color: #333333;
 			line-height: 24px;
 			text-align: center;
+			margin-top: 15px;
 		}
 
 		.box:hover .moduleName {
@@ -66,22 +68,22 @@
 
 		.cutOffRule {
 			width: 2px;
-			height: 120px;
+			height: 190px;
 			background: #EEEEEE;
 		}
 
 		.moduleMenu {
-			margin-left: 25px;
+			margin-left: 40px;
 		}
 
 		.moduleMenu li {
 			display: block;
-			height: 30px;
-			font-size: 16px;
+			height: 50px;
+			font-size: 20px;
 			font-family: Microsoft YaHei;
 			font-weight: 300;
-			color: #333333;
-			line-height: 30px;
+			color: #1a1717;
+			line-height: 50px;
 		}
 
 		.box:hover .moduleMenu li {
@@ -105,13 +107,14 @@
 		}
 
 		.floatingButton {
-			width: 130px !important;
-			height: 130px;
+			width: 160px !important;
+			height: 160px;
 			text-align: center;
 			border-radius: 100px;
+			line-height: 35px;
 			background: #125DB2;
 			color: #fff;
-			font-size: 16px;
+			font-size: 20px;
 			position: fixed;
 			z-index: 9999;
 			left: 80%;
@@ -122,7 +125,7 @@
 		}
 
 		.box .list {
-			width: 90px;
+			width: 200px;
 			display: flex;
 			flex-direction: column;
 			align-items: center;