Source/plt-web/plt-web-ui/src/page/login/index.vue

@@ -2,24 +2,31 @@
  <div class="login-container"
       ref="login"
       @keyup.enter.native="handleLogin">
    <top-color v-show="false"></top-color>
    <div class="login-time">
      {{time}}
    </div>
    <top-color v-show="false">
    </top-color>
    <div class="login-weaper animated bounceInDown">
      <div class="login-border">
        <div class="login-main">
          <h4 class="login-title">
            {{ $t('login.title') }}{{website.title}}
            <top-lang></top-lang>
            <top-lang type="login"></top-lang>
          </h4>
          <userLogin v-if="activeName==='user'"></userLogin>
          <thirdLogin v-else-if="activeName==='third'"></thirdLogin>
<!--          <div style="color: white;text-align: center;margin-top: 20px;font-size: 12px">-->
<!--            <span>技术支持:北京宏博远达科技有限公司</span>-->
<!--          </div>-->
        </div>

      </div>
    </div>
    <div class="login-bg-image" style="color: white;text-align: center">
      <div style="font-size: 80px; font-weight: bold" >欢迎登录</div>
      <h1>PLT-WEB平台</h1>
    </div>
<!--    <div class="login-bg-image" style="color: white;text-align: center">-->
<!--      <div style="font-size: 80px; font-weight: bold" >欢迎登录</div>-->
<!--      <h1 style="font-size: 40px">PLT-WEB平台</h1>-->
<!--    </div>-->
  </div>
</template>
<script>
@@ -119,13 +126,14 @@

<style lang="scss" scoped>
.login-container {
  background: #fff url('../../../public/img/login-background.png') no-repeat center;
  background:  url('../../../public/img/login-backgrounds.png') no-repeat center;
  background-size: 100% 100%;
  background-color: #638DFF;
}
.login-bg-image{
  position: fixed;
  left: 10%;
  top: 25%;
  top: 30%;

}
</style>