diff --git a/src/views/enforce/scanQrCode.vue b/src/views/enforce/scanQrCode.vue
index f69e3ac..3485d1b 100644
--- a/src/views/enforce/scanQrCode.vue
+++ b/src/views/enforce/scanQrCode.vue
@@ -14,7 +14,8 @@
 		<!-- 中间 -->
 		<div class="warp_body">
 			<!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> -->
-				<div class="carousel_box">
+			<div class="white-body">
+      <div class="carousel_box">
 					<div class="box-scan-one">
               <span class="box-scan-text">扫一扫<br />企业二维码</span>
             </div>
@@ -33,13 +34,13 @@
 					</div>
           <div class="nocode">没有企业码？手动输入关键词查询 >></div>
 				</div>
-
-				<!-- <div class="recommend_box">
-					<van-cell :border="false" title="推荐" />
-					<div class="recommend_body">
-						<goodsCard :goodsList="recommend"></goodsCard>
-					</div>
-				</div> -->
+    </div>
+    <!-- <div class="recommend_box">
+      <van-cell :border="false" title="推荐" />
+      <div class="recommend_body">
+        <goodsCard :goodsList="recommend"></goodsCard>
+      </div>
+    </div> -->
 			<!-- </refresh-list> -->
 		</div>
 
@@ -138,10 +139,10 @@ const goBack = () => {
 	flex-direction: column;
 	height: 100%;
 	overflow: hidden;
-	background-color: #f4f4f4;
+	background-color: #ebf3fb;
 
 	.warp_body {
-    background-color: #fff;
+    background-image: linear-gradient(to bottom, #ebf3fb, transparent);
     background-size: cover;
     position: relative;
 		.carousel_box {
@@ -251,6 +252,13 @@ const goBack = () => {
 	}
 }
 
+.white-body  {
+  margin: 0 4%;
+  width: 92%;
+  height: 96%;
+  background-color: #fff;
+}
+
 .nocode {
   width: 100%;
   color: #fb7905;