登录页面增加app和小程序二维码

src/page/login/userlogin.vue

@@ -92,6 +92,23 @@
       <avue-form :option="userOption" v-model="userForm" @submit="submitLogin" />
     </el-dialog>
   </el-form>
+  <div class="el_QRcode">
+    <div class="el_ewmA">
+      <img src="../../../public/img/QcImg.png" />
+      <p>货无忧App(安卓)</p>
+      <div class="el_ewm_boxA">
+        <img src="../../../public/img/Qrewm.png" />
+      </div>
+    </div>
+
+    <div class="el_ewmB">
+      <img src="../../../public/img/QcImg.png" />
+      <p>货无忧小程序(快查货)</p>
+      <div class="el_ewm_boxB">
+        <img src="../../../public/img/Qrxcx.png" />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -360,4 +377,47 @@ export default {
 .el-form-item__error {
   color: #ff0000;
 }
+.el_QRcode {
+  position: fixed;
+  right: 10px;
+  bottom: 10px;
+  .el_ewmA,
+  .el_ewmB {
+    margin-top: 10px;
+    width: 120px;
+    height: 100px;
+    background: #fd7e14;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-evenly;
+    border-radius: 2px;
+    p {
+      font-size: 12px;
+      font-weight: bold;
+      margin: 0;
+    }
+  }
+}
+.el_ewm_boxA,.el_ewm_boxB  {
+  width: 200px;
+  height: 208px;
+  border: 1px dashed #302f2f;
+  position: fixed;
+  right: 140px;
+  bottom: 10px;
+  display: none;
+  img {
+    width: 90%;
+    height: 90%;
+  }
+}
+
+.el_ewmA:hover .el_ewm_boxA,.el_ewmB:hover .el_ewm_boxB {
+  display: block;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 </style>