配置修改

Surpriseplus

2023-07-03 acaf0e90887fa217ff9aec6d0f25af5ec5e237a9

 src/views/login.vue

@@ -30,13 +30,17 @@
    </div>
    <div class="zz">
      <div class="title_img">
        <div class="titleLogo"></div>
        <h3>月球大数据地理空间分析展示平台</h3>
      </div>
      <div class="loginMenu">
        <div class="login_title">
          <span>用户登录</span>
        </div>
        <el-form ref="loginForm" class="loginForm">
        <el-form
          ref="loginForm"
          class="loginForm"
        >
          <el-form-item prop="uid">
            <el-input
              placeholder="输入登录账号"
@@ -68,7 +72,10 @@
              </el-form-item>
            </el-col>

            <el-col :span="6" align="right"> </el-col>
            <el-col
              :span="6"
              align="right"
            > </el-col>
          </el-form-item>

          <el-form-item>
@@ -76,8 +83,7 @@
              type="primary"
              class="nobr loginbtn btnbox"
              @click="setLogin()"
              >登录</el-button
            >
            >登录</el-button>
          </el-form-item>
        </el-form>
      </div>
@@ -112,7 +118,7 @@
  width: 100%;
  height: 100%;
  position: relative;
  background: url("../assets/img/moon-bg.png") no-repeat;
  background: url("../assets/img/背景.png") no-repeat;
  background-size: 100% 100%;
  .zz {
    position: absolute;
@@ -170,14 +176,22 @@
  }
  .title_img {
    position: absolute;
    left: 15%;
    left: 12%;
    top: 8%;
    width: 20%;
    /* transform: translateX(-50%); */

    display: flex;
    align-items: center;
    .titleLogo {
      width: 80px;
      height: 80px;
      background: url("../assets/img/logo.png") no-repeat;
      background-size: 100% 100%;
    }
    h3 {
      color: #fff;
      font-size: 40px;
      white-space: nowrap;
      margin-left: 10px;
    }
  }
}