Browse Source

调整home界面布局

xieyunhui 2 years ago
parent
commit
d2ba9b3d2a
3 changed files with 29 additions and 20 deletions
  1. 1 0
      components/tm-tabbar/tm-tabbar.vue
  2. 1 1
      manifest.json
  3. 27 19
      pages/home/home.vue

+ 1 - 0
components/tm-tabbar/tm-tabbar.vue

@@ -128,6 +128,7 @@
 		position: fixed;
 		left: 0;
 		bottom: 0;
+		z-index: 999;
 		display: flex;
 		width: 100%;
 		height: 87.5rpx;

+ 1 - 1
manifest.json

@@ -2,7 +2,7 @@
     "name" : "追踪方法学",
     "appid" : "__UNI__03C4C69",
     "description" : "",
-    "versionName" : "0.7.7",
+    "versionName" : "0.7.8",
     "versionCode" : 100,
     "transformPx" : false,
     "app-plus" : {

+ 27 - 19
pages/home/home.vue

@@ -107,7 +107,7 @@
 			return {
 				ifshowVersionInfo:false,
 				showJournal: false,
-				version: '0.7.6',
+				version: '0.7.8',
 				versionData: {
 					versionNo: '',
 					versionId: '',
@@ -386,11 +386,11 @@
 		}
 	}
 
-	.home-page {
-		height: 100%;
-
+	.home-page {
+		 overflow-y: scroll;
+		 padding-bottom: 100rpx;
 		.content-info {
-			height: 700.25rpx;
+			min-height: 900.25rpx;
 			background-color: #FFFFFF;
 
 			.top-box {
@@ -413,20 +413,24 @@
 				}
 			}
 
-			.info-box {
+			.info-box {
+				position: relative;
+				z-index: 99;
 				width: 700rpx;
-				height: 250rpx;
+				height: 250rpx;
+				margin: 0 auto;
+				margin-top: -130rpx;
 				border-radius: 15rpx;
 				background-color: #FFFFFF;
-				position: absolute;
-				left: 25rpx;
-				right: 25rpx;
-				top: 226.25rpx;
+				// position: absolute;
+				// left: 25rpx;
+				// right: 25rpx;
+				// top: 226.25rpx;
 				box-shadow: 0px 10px 30px 0px rgba(0, 13, 51, 0.1);
 
 				.head {
 					margin-left: 37.5rpx;
-					margin-top: 68.75rpx;
+					padding-top: 68.75rpx;
 
 					.name {
 						font-size: 35rpx;
@@ -482,7 +486,7 @@
 				right: 75rpx;
 				top: 187.5rpx;
 				background: #FFFFFF;
-				z-index: 2;
+				z-index: 100;
 				border-radius: 50%
 			}
 
@@ -495,8 +499,8 @@
 			}
 
 			.function-box {
-				position: absolute;
-				top: 496.25rpx;
+				// position: absolute;
+				// top: 496.25rpx;
 				width: 750rpx;
                 background-color: #FFFFFF;
 				.role-switch {
@@ -592,7 +596,7 @@
 			width: 750rpx;
 			height: 100rpx;
 			background-color: #FFFFFF;
-			margin-top:210rpx;
+			margin-top:50rpx;
 
 			.logout-text {
 				font-size: 22.5rpx;
@@ -605,9 +609,13 @@
 		}
 
 		.copyright {
-			position: absolute;
-			bottom: 90rpx;
-			left: 0;
+			// position: absolute;
+			// bottom: 90rpx;
+			// left: 0;
+			position: relative;
+			z-index: 999;
+			margin-top: 100rpx;
+			
 			display: flex;
 			flex-direction: column;
 			justify-content: center;