执法端首页-扫码入企-行政检查和非行政检查

src/views/enforceHome.vue

@@ -1,7 +1,7 @@
 <template>
-  <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/>
-    <div class="home app_content" v-if="!isLoading">
-   <!-- <div class="home app_content"> -->
+<!--  <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/>-->
+<!--    <div class="home app_content" v-if="!isLoading">-->
+    <div class="home app_content">
         <!-- 导航栏 -->
         <!-- <div class="header_body">
                     <header-nav :leftArrow="false" titelText="执法监督码"></header-nav>
@@ -28,6 +28,7 @@
                     <!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> -->
                     <div class="box-qr-code" @click="toScanCodeView">
                         <span class="box-qr-code-text">扫码入企</span>
+                        <div class="link-text"><span>行政检查<van-icon name="arrow" /></span><span>非行政检查<van-icon name="arrow" /></span></div>
                     </div>
                 </div>
                 <div class="boutique_body">
@@ -380,8 +381,8 @@
                 .box-qr-code-text {
                     position: absolute;
                     z-index: 10;
-                    top: 10%;
-                    right: 0.35rem;
+                    top: 6%;
+                    left: 2.65rem;
                     display: block;
                     font-size: 0.5rem;
                 }
@@ -409,7 +410,7 @@
                 width: 100%;
                 height: 100%;
                 border-radius: 0.27rem;
-                background: #fff url("../assets/images/item_scan.jpg") no-repeat left;
+                background: #fff url("../assets/images/item_scan2.jpg") no-repeat left;
                 background-size: auto 100%;
                 border: 0.01rem solid #8db4ff;
             }
@@ -425,7 +426,7 @@
                 .box-info-text {
                     position: absolute;
                     z-index: 10;
-                    top: 10%;
+                    top: 6%;
                     right: 0.35rem;
                     display: block;
                     font-size: 0.5rem;
@@ -470,7 +471,7 @@
                 .box-complaint-text {
                     position: absolute;
                     z-index: 10;
-                    top: 10%;
+                    top: 6%;
                     right: 0.35rem;
                     display: block;
                     font-size: 0.5rem;
@@ -725,4 +726,39 @@
         margin-top: -30px;
     }
 
+    .link-text {
+        position: absolute;
+        z-index: 10;
+        top: 10%;
+        right: 0.35rem;
+        font-size: 0.4rem;
+        color: #666;
+    }
+
+    .link-text span {
+        display: flex;
+        align-items: center;
+        margin: 18% 0;
+        padding: 0.15rem 0.2rem;
+        width: 2.5rem;
+        background-color: #e3f3ff;
+        border: 0.02667rem solid #c6e6ff;
+        border-radius: 0.15rem;
+        box-shadow: 0 0 0.15rem #c4d7f7;
+        text-align: left;
+    }
+
+    .link-text span:first-child {
+        background-color: #336bff;
+        border-color: #336bff;
+        box-shadow: 0 0 0.15rem #2660f9;
+        color: #fff;
+    }
+    
+
+    .link-text span i.van-icon {
+        position: absolute;
+        right: 0.1rem;
+    }
+
 </style>