新增 腾讯地图;样式 login样式更新

index.html

@@ -4,6 +4,10 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script
+      charset="utf-8"
+      src="https://map.qq.com/api/gljs?v=1.exp&key=Y2BBZ-IHRKU-V42VO-BFQEE-K7252-ZBBSF"
+    ></script>
     <title>Huihenduo App</title>
     <style>
       * {

src/views/index/Login.vue

@@ -151,7 +151,8 @@ export default {
 .container {
   width: 100%;
   height: 100%;
-  background: rgb(22, 149, 207);
+  background-image: url(../../assets/login-back.png);
+  background-size: cover;
 }
 
 .login-box {
@@ -168,7 +169,7 @@ export default {
 .left {
   height: 100%;
   width: 450px;
-  background: rgb(143, 158, 206);
+  background-image: url(../../assets/login-modal.png);
 }
 
 .left-up-icon {
@@ -228,7 +229,7 @@ export default {
   left: calc(50% - 250px);
   font-family: PingFang SC;
   font-weight: 400;
-  color: #333333;
+  color: #aaa;
   opacity: 0.8;
   cursor: pointer;
 }