登录页

src/assets/scss/pages/yantai-index.scss

@@ -13,13 +13,38 @@
     content: "";
   }
   &::before {
-    background-image: url(~@/assets/img/index/bg.png);
+    background-image: url(~@/assets/img/yantai/index/bg.png);
     background-size: cover;
   }
   &::after {
     // background-color: rgba(38, 50, 56, 0.1);
   }
 }
+
+.m-top {
+  position: fixed;
+  top: 0;
+  width: 1920px;
+  left: -1000px;
+  right: -1000px;
+  margin: 0 auto;
+
+  .name {
+    position: absolute;
+    top: 0;
+    left: 0;
+    text-align: center;
+    width: 100%;
+    line-height: 90px;
+    font-size: 42px;
+    font-weight: bold;
+    color: #fff;
+    background-image: -webkit-linear-gradient(bottom, rgb(23, 222, 238), rgb(23, 222, 238), #fff, #fff);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+}
+
 .m-list {
   position: fixed;
   top: 50%;
@@ -31,10 +56,12 @@
   .list {
     display: flex;
     justify-content: space-around;
-    width: 100%;
+    width: 70%;
+    margin: 0 auto;
 
     .item {
-      width: 612px;
+      position: relative;
+      width: 420px;
       max-width: 612px;
       text-align: center;
       cursor: pointer;
@@ -53,41 +80,13 @@
         width: 100%;
       }
       .name {
-        position: relative;
+        position: absolute;
-        width: auto;
+        top: 0;
-        display: inline-block;
+        left: 0;
-        text-align: center;
+        width: 100%;
-        margin: 8px auto;
+        font-size: 36px;
-        padding-left: 48px;
+        line-height: 140px;
-        padding-right: 20px;
+        color: #fff;
-        height: 42px;
-        line-height: 40px;
-        background: #ffffff;
-        border: 1px solid #b9b9b9;
-        border-radius: 21px;
-        font-size: 22px;
-        font-family: PingFang SC;
-        font-weight: 500;
-        color: #002fec;
-
-        &::before {
-          content: "";
-          position: absolute;
-          display: block;
-          top: 0;
-          bottom: 0;
-          left: 20px;
-          margin: auto;
-          width: 14px;
-          height: 14px;
-          background: #0065f6;
-          border-radius: 50%;
-        }
-      }
-
-      .tip {
-        display: block;
-        margin: 0 auto;
       }
     }
   }

src/assets/scss/pages/yantai-login.scss

@@ -40,7 +40,7 @@
     width: 484px;
     height: 429px;
     background: rgba(#fff, 1);
-    box-shadow: 0px 0px 20px 8px rgba(213, 225, 238, 0.7);
+    box-shadow: 0px 0px 20px 2px rgba(150, 150, 200, 0.6);
     border-radius: 12px 12px 12px 12px;
 
     &:hover {

src/views/pages/yantai-index.vue

@@ -1,27 +1,40 @@
 <template>
   <div class="g-app">
     <div class="g-bd" v-if="true">
+      <div class="m-top">
+        <img class="logo" src="@/assets/img/yantai/index/db.png" alt="" />
+        <div class="name">烟台市智慧社区平台</div>
+      </div>
+
       <div class="m-list">
         <div class="list">
           <div class="item" @click="handleClickItem(1)">
-            <img class="logo" src="@/assets/img/index/logo-1.png" alt="" />
+            <img
-             <!-- 党建引领基层治理互联管理平台 -->
+              class="logo"
-            <div class="name">数字社区管理平台</div>
+              src="@/assets/img/yantai/index/guanli.png"
-            <img src="@/assets/img/index/zhuangshi.png" class="tip" />
+              alt=""
+            />
+            <!-- 党建引领基层治理互联管理平台 -->
+            <div class="name">管理平台</div>
           </div>
 
           <div class="item z-on" @click="handleClickItem(2)">
-            <img class="logo" src="@/assets/img/index/logo-2.png" alt="" />
+            <img
-             <!-- 数据分析可视化平台 -->
+              class="logo"
-            <div class="name">数字社区可视化平台</div>
+              src="@/assets/img/yantai/index/shuju.png"
-            <img src="@/assets/img/index/zhuangshi.png" class="tip" />
+              alt=""
+            />
+            <!-- 数据分析可视化平台 -->
+            <div class="name">数据分析平台</div>
           </div>
         </div>
       </div>
       <div class="m-footer">
         <div class="login-footer">
           <p>
-            <a href="http://www.elinkchina.com.cn/" target="_blank">{{ $t('login.copyright') }}</a>
+            <a href="http://www.elinkchina.com.cn/" target="_blank">{{
+              $t("login.copyright")
+            }}</a>
           </p>
         </div>
       </div>
@@ -29,21 +42,21 @@
   </div>
 </template>
 <script>
-import Cookies from 'js-cookie'
+import Cookies from "js-cookie";
-import debounce from 'lodash/debounce'
+import debounce from "lodash/debounce";
-import { messages } from '@/i18n'
+import { messages } from "@/i18n";
-import { getUUID } from '@/utils'
+import { getUUID } from "@/utils";
-import { Loading } from 'element-ui' // 引入Loading服务
+import { Loading } from "element-ui"; // 引入Loading服务
-import JSEncrypt from 'jsencrypt' //引入加密
+import JSEncrypt from "jsencrypt"; //引入加密
 
-let loading // 加载动画
+let loading; // 加载动画
 export default {
   data() {
     return {
       pubKey: null, // 获取到公钥
       isShowLogin: true,
-      i18nMessages: messages
+      i18nMessages: messages,
-    }
+    };
   },
   components: {},
   computed: {},
@@ -53,36 +66,36 @@ export default {
   methods: {
     handleClickItem(k) {
       if (k == 1) {
-        this.$router.replace({ name: 'main' })
+        this.$router.replace({ name: "main" });
       } else if (k == 2) {
-        this.$router.replace({ name: 'main-shuju' })
+        this.$router.replace({ name: "main-shuju" });
       }
     },
 
     // 平阴联动 自动登录接口
     getAutoLogin(platformToken) {
-      this.dataForm.thirdToken = platformToken
+      this.dataForm.thirdToken = platformToken;
-      this.dataForm.platform = 'pyld'
+      this.dataForm.platform = "pyld";
       this.$http
         .post(`/auth/sso/oper/third/login`, this.dataForm)
         .then(({ data: res }) => {
           if (res.code !== 0) {
             if (res.code == 8302) {
-              return this.$message.error(res.msg)
+              return this.$message.error(res.msg);
             }
-            return this.$message.error(res.msg)
+            return this.$message.error(res.msg);
           }
-          localStorage.setItem('customerId', res.data.customerId)
+          localStorage.setItem("customerId", res.data.customerId);
-          localStorage.setItem('userType', 'work')
+          localStorage.setItem("userType", "work");
-          localStorage.setItem('showHeader', '0')
+          localStorage.setItem("showHeader", "0");
-          localStorage.setItem('token', res.data.token)
+          localStorage.setItem("token", res.data.token);
-          this.$router.replace({ name: 'home' })
+          this.$router.replace({ name: "home" });
         })
-        .catch(() => {})
+        .catch(() => {});
       // epmet-ext9.elinkservice.cn/platform-admin
-    }
+    },
-  }
+  },
-}
+};
 </script>
 
-<style lang="scss" src="@/assets/scss/pages/indexWork.scss" scoped></style>
+<style lang="scss" src="@/assets/scss/pages/yantai-index.scss" scoped></style>