设置不同角色 显示

App.vue

@@ -44,6 +44,23 @@
 			overflow-y: scroll;
 		}
 	}
+	
+	/* 设置所有页面最大宽度为 650px */
+	.uni-app {
+		max-width: 650px;
+		margin: 0 auto;
+		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+		position: relative;
+	}
+	
+	/* 确保页面内容也受最大宽度限制 */
+	uni-page-body {
+		max-width: 650px;
+		margin: 0 auto;
+		background-color: #F5F5F5 !important;
+		min-height: 100% !important;
+		height: auto !important;
+	}
 
 	/* 顶栏通栏样式 */
 	/* .uni-top-window {
@@ -51,16 +68,19 @@
 	    right: 0;
 	} */
 
-	uni-page-body {
-		background-color: #F5F5F5 !important;
-		min-height: 100% !important;
-		height: auto !important;
-	}
-
 	.uni-top-window uni-tabbar .uni-tabbar {
 		background-color: #fff !important;
 	}
 
+	/* 隐藏默认 tabBar（使用自定义 tabBar 时） */
+	/* #ifdef H5 */
+	.uni-tabbar,
+	.uni-tabbar__bd,
+	uni-tabbar {
+		display: none !important;
+	}
+	/* #endif */
+
 	.uni-app--showleftwindow .hideOnPc {
 		display: none !important;
 	}