登录配置化

ZZJ

2021-12-14 e060a8863f67dd42589c76bcee373ce8f8013ec3

 src/pages/login/App.vue

@@ -59,13 +59,13 @@
  </div> -->
  <div class="login">
    <div class="title">
      <div class="en">Smart AI</div>
      <div class="ch">人工智能操作系统</div>
      <div class="en">{{ data.title_firstLine }}</div>
      <div class="ch">{{ data.title_secondLine }}</div>
    </div>

    <div class="left_footer">
      <img class="logo" src="/images/loginImg/LOGO.png" alt="" />
      <div class="web">www.smartai.com</div>
      <img class="logo" src="/apps/loginData/LOGO.png" alt="" />
      <div class="web">{{ data.website }}</div>
    </div>

    <div
@@ -73,7 +73,7 @@
      :style="{ background: backgroundColor }"
      :class="{ empty: !user.loginName && !user.password }"
    >
      <img class="logo" src="/images/loginImg/OS.png" alt="" />
      <img class="logo" src="/apps/loginData/leftImg.png" alt="" />

      <el-form
        :model="user"
@@ -118,6 +118,7 @@
import Licence from "@/components/licence";
import LangSelect from "@/components/langSelect";
import { getMenuListData } from "@/api/utils";
import loginData from "../../../public/apps/loginData/login.json";

export default {
  name: "login-pgae",
@@ -150,6 +151,7 @@
    },
  },
  data: () => ({
    data: {},
    serverTitle: "",
    user: {
      loginName: "",
@@ -176,6 +178,7 @@
  created() {
    this.getServerName();
    this.getScreenHeight();
    this.data = loginData;
    this.backgroundColor =
      this.backgroundList[
        Math.floor(Math.random() * this.backgroundList.length)
@@ -325,10 +328,14 @@
};
</script>
<style lang="scss">
html,
body,
.login {
  height: 100%;
  min-width: 1646px;
  min-height: 811px;
  position: relative;
  background-image: url("/images/loginImg/background.png");
  background-image: url("/apps/loginData/background.png");

  .title {
    position: absolute;