修改扫码页

src/views/enforce/scanQrCode.vue

@@ -16,10 +16,10 @@
 			<!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> -->
 				<div class="carousel_box">
 					<div class="box-scan-one">
-              <span class="box-scan-text">扫一扫企业二维码</span>
+              <span class="box-scan-text">扫一扫<br />企业二维码</span>
             </div>
             <div class="box-scan-two">
-              <span class="box-scan-text">即可查看企业信息</span>
+              <span class="box-scan-text">即可查看<br />企业信息</span>
             </div>
 				</div>
 				<div class="boutique_box">
@@ -27,11 +27,13 @@
 					<div class="boutique_body">
 						<!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> -->
             <div class="box-qr-code" @click="toScanPageView">
-              <img src="../../assets/images/scan.png" />
+<!--              <img src="../../assets/images/scan.png" />
-              <span class="box-qr-code-text">执法监督码</span>
+              <span class="box-qr-code-text">执法监督码</span>-->
             </div>
 					</div>
+          <div class="nocode">没有企业码？手动输入关键词查询 >></div>
 				</div>
+
 				<!-- <div class="recommend_box">
 					<van-cell :border="false" title="推荐" />
 					<div class="recommend_body">
@@ -139,67 +141,62 @@ const goBack = () => {
 	background-color: #f4f4f4;
 
 	.warp_body {
-    background-color: rgb(163, 156, 156);
+    background-color: #fff;
     background-size: cover;
     position: relative;
 		.carousel_box {
+      position: relative;
+      top: 2%;
 			height: 150px;
 			width: 100%;
-			padding-bottom: 10px;
+			background: url("/src/assets/images/scan-mean.jpg") no-repeat center center;
-      position: relative;
+      background-size: 60%;
-      .box-scan-one{
+      opacity: 0.75;
+
+      .box-scan-one , .box-scan-two{
         position: absolute;
         top: 30%;
         left: 15%;
-        font-size: 14px;
-        background-color: beige;
         height: 100px;
         width: 30%;
+        font-size: 0.4rem;
+        color: #999;
         .box-scan-text{
           margin-top: 70%;
           display: block;
-          font-size: 12px;
           width: 100%;
           text-align: center
         }
       }
       .box-scan-two{
-        position: absolute;
+        left: auto;
-        top: 30%;
+        right: 12.5%;
-        right: 15%;
-        font-size: 14px;
-        background-color: beige;
-        height: 100px;
-        width: 30%;
-        .box-scan-text{
-          margin-top: 70%;
-          display: block;
-          font-size: 12px;
-          width: 100%;
-          text-align: center
-        }
       }
 		}
     
 	}
 
 	.boutique_box {
-      position: absolute;
+      position: relative;
+      top: 10%;
+      z-index: 100;
       width: 100%;
-      bottom: 30%;
+
 		.boutique_body {
 			padding: 0px 0px 10px 0px;
       display: flex;
       justify-content: center;
 		};
     .box-qr-code{
-      width: 47%;
+      width: 52%;
       text-align: right;
-      height: 4.66667rem;
+      height: 7rem;
-      background-color: var(--van-primary-color);
+      //background-color: var(--van-primary-color);
-      border-radius: 0.26667rem;
+      background: url("../../assets/images/scan-btn.jpg") no-repeat center center;
+      background-size: 100%;
+      // border-radius: 0.26667rem;
       // background-size: cover;
-      border-radius: 50%;
+      // border-radius: 50%;
       // background-image: url("@/assets/images/scan.png");
       .box-qr-code-text{
         margin-right: 25%;
@@ -253,4 +250,12 @@ const goBack = () => {
 		}
 	}
 }
+
+.nocode {
+  width: 100%;
+  color: #fb7905;
+  font-size: 0.45rem;
+  text-align: center;
+  line-height: 3;
+}
 </style>