部门导航样式完善

pages/handleAffairs/dept/dept.vue

@@ -119,6 +119,34 @@
 		padding: 1%;
 		box-shadow: 0px 0px 6px 0px gray;
 	}
+	.btnContain button:nth-child(1){
+		text-indent: 20%;
+		text-align:left;
+	}
+	.btnContain button:nth-child(2){
+		/* text-indent: 35%; */
+		text-align:left;
+	}
+	.btnContain button:nth-child(1)::after{
+		content:'';
+		width: 38%;
+		height: 94%;
+		position: absolute;
+		top: 25%;
+		left: -2%;
+		background: url('@/static/images/more/accounter.png') 0 0 no-repeat;
+		background-size: 100% 100%;
+	}
+	.btnContain button:nth-child(2)::after{
+		content:'';
+		width: 38%;
+		height: 94%;
+		position: absolute;
+		top: 25%;
+		left: 20%;
+		background: url('@/static/images/more/personLegal.png') 0 0 no-repeat;
+		background-size: 100% 100%;
+	}
 	.uni-grid{
 		flex-wrap:wrap
 	}

pages/handleAffairs/topic/topic.vue

@@ -96,6 +96,33 @@
 	html,body{
 		background-color: #fff;
 	}
+	.btnContain button:nth-child(1){
+		text-indent: 20%;
+		text-align:left;
+	}
+	.btnContain button:nth-child(2){
+		text-align:left;
+	}
+	.btnContain button:nth-child(1)::after{
+		content:'';
+		width: 40%;
+		height: 94%;
+		position: absolute;
+		top: 25%;
+		left: -2%;
+		background: url('@/static/images/more/accounter.png') 0 0 no-repeat;
+		background-size: 100% 100%;
+	}
+	.btnContain button:nth-child(2)::after{
+		content:'';
+		width: 40%;
+		height: 94%;
+		position: absolute;
+		top: 25%;
+		left: 20%;
+		background: url('@/static/images/more/personLegal.png') 0 0 no-repeat;
+		background-size: 100% 100%;
+	}
 	.not-highlight{
 		color:#000;
 	}
@@ -124,7 +151,7 @@
 		justify-content: space-between;
 		margin:2% auto auto auto;
 		padding: 1%;
-		box-shadow: 0px 0px 6px 0px gray;
+		box-shadow: 0px 0px 2px 0px gray;
 	}
 	.btnContain::after{
 		content: '';
@@ -138,7 +165,7 @@
 		background-color: #E1E1E1;
 	}
 	button {
-		width: 30%;
+		width: 35%;
 		border: none;
 		background-color: #fff;
 	}