diff --git a/pages/home/home.vue b/pages/home/home.vue
index a23a31b..d7e7cc1 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -8,30 +8,32 @@
 				<button class="header-button" @click="toExit">退&nbsp;&nbsp;出</button>
 			</view>
 		</view>
-		<view class="nav-wrap">
-			<view class="nav-item">
-				<text class="nav-text" @click="toJump('/pages/management/inscanerror')">入箱扫码异常</text>
-			</view>
-			<view class="nav-item">
-				<text class="nav-text" @click="toJump('/pages/management/outscanerror')">出箱扫码异常</text>
-			</view>
-			<view class="nav-item">
-				<text class="nav-text" @click="toJump('/pages/management/hcxcheck')">缓存线盘点</text>
-			</view>
-			<view class="nav-item">
-				<text class="nav-text" @click="toJump('/pages/management/agvinerror')">AGV入箱异常</text>
-			</view>
-			<view class="nav-item">
-				<text class="nav-text" @click="toJump('/pages/management/AgvOutError')">AGV出箱异常</text>
-			</view>
-			<view class="nav-item">
-				<text class="nav-text" @click="toJump('/pages/management/HcxOutError')">缓存线出箱异常</text>
-			</view>
-			<view class="nav-item">
-				<text class="nav-text" @click="toJump('/pages/management/ZlOperate')">指令操作</text>
-			</view>
-			<view class="nav-item">
-				<text class="nav-text" @click="toJump('/pages/management/HcxErrorHandle')">缓存线异常处理</text>
+		<view class="nav-wrapper">
+			<view class="nav-wrap">
+				<view class="nav-item">
+					<text class="nav-text" @click="toJump('/pages/management/inscanerror')">入箱扫码异常</text>
+				</view>
+				<view class="nav-item">
+					<text class="nav-text" @click="toJump('/pages/management/outscanerror')">出箱扫码异常</text>
+				</view>
+				<view class="nav-item">
+					<text class="nav-text" @click="toJump('/pages/management/hcxcheck')">缓存线盘点</text>
+				</view>
+				<view class="nav-item">
+					<text class="nav-text" @click="toJump('/pages/management/agvinerror')">AGV入箱异常</text>
+				</view>
+				<view class="nav-item">
+					<text class="nav-text" @click="toJump('/pages/management/AgvOutError')">AGV出箱异常</text>
+				</view>
+				<view class="nav-item">
+					<text class="nav-text" @click="toJump('/pages/management/HcxOutError')">缓存线出箱异常</text>
+				</view>
+				<view class="nav-item">
+					<text class="nav-text" @click="toJump('/pages/management/ZlOperate')">指令操作</text>
+				</view>
+				<view class="nav-item">
+					<text class="nav-text" @click="toJump('/pages/management/HcxErrorHandle')">缓存线异常处理</text>
+				</view>
 			</view>
 		</view>
 	</view>
@@ -69,7 +71,6 @@
 	_fj()
 	_wh(100%, 100%)
 	flex-direction column
-	background-color: #fff
 .header
 	_fj()
 	_wh(100%,88rpx)
@@ -86,12 +87,17 @@
 .header-button
 	_wh(160rpx, 60rpx)
 	_font(32rpx,60rpx,#333,,)
+.nav-wrapper
+	_wh(calc(100% - 60rpx),calc(100% - 148rpx))
+	padding 0 20%
+	background-color #fff
+	border-radius 12rpx
+	margin 30rpx auto
 .nav-wrap
 	_fj(flex-start)
 	align-content center
 	flex-wrap wrap
-	_wh(calc(100%),calc(100% - 88rpx))
-	padding 0 20%
+	_wh(100%, 100%)
 .nav-item
 	_fj(center)
 	align-items center