修改我的页面样式

pages/my/index.vue

@@ -126,7 +126,10 @@
 <style lang="scss">
 	.content {
 		display: flex;
-		flex-direction: column;
+		flex-direction: column;
+		width: 100vw;
+		height: 100vh;
+		background-color: var(--f9Color);
 
 		.one {
 			display: flex;
@@ -161,9 +164,9 @@
 			display: flex;
 			flex-direction: column;
 			padding: 2vw;
-			margin: 0 2vw;
+			margin: 2vw 2vw 0 2vw;
 			border-radius: 10px;
-			background-color: var(--mianColor);
+			background-color: var(--mainColor);
 
 			.two_1 {
 				display: flex;
@@ -216,7 +219,7 @@
 			flex-direction: column;
 			margin: 2vw;
 			border-radius: 10px;
-			background-color: var(--mianColor);
+			background-color: var(--mainColor);
 
 			.list {
 				display: flex;

unpackage/dist/dev/mp-weixin/pages/my/index.wxss

@@ -4,6 +4,9 @@
 .content {
   display: flex;
   flex-direction: column;
+  width: 100vw;
+  height: 100vh;
+  background-color: var(--f9Color);
 }
 .content .one {
   display: flex;
@@ -33,9 +36,9 @@
   display: flex;
   flex-direction: column;
   padding: 2vw;
-  margin: 0 2vw;
+  margin: 2vw 2vw 0 2vw;
   border-radius: 10px;
-  background-color: var(--mianColor);
+  background-color: var(--mainColor);
 }
 .content .two .two_1 {
   display: flex;
@@ -78,7 +81,7 @@
   flex-direction: column;
   margin: 2vw;
   border-radius: 10px;
-  background-color: var(--mianColor);
+  background-color: var(--mainColor);
 }
 .content .thr .list {
   display: flex;