NanJingLamanRadarProject/04.系统编码/Frontend/src/components/Login.vue

<template>
  <div class="box">



      <div class="login">
        <div class="litter"><img src="/images/logo.png"/> </div>

        <div class="import">
            <h3>南京生态环境评估决策平台</h3>


        </div>



   </div>


    </div>
</template>

<script lang="ts">
export default {
  name: 'Login',
  setup() {
    return {}
  }
}
</script>
<style lang="less" scoped>


    .login{
      width: 651px;
      height: 689px;
      background: #FFFFFF;
      border: 1px solid #707070;
      opacity: 1;
      border-radius: 10px;
      position: relative;
      left: 635px;
      top: 255px;

      .litter{
        position: relative;
        width: 239px;
        height: 239px;
        background: #FFFFFF;
        border-radius: 50%;
        opacity: 1;
        display: flex;
        justify-content: center;
        left: 50%;
        transform: translate(-50%,-50%);

      }
      .import{
        width: 651px;
        height: 689px;
        background: #FFFFFF;
        border: 1px solid #707070;
        opacity: 1;
        border-radius: 10px;

        h3{
          width: 393px;
          height: 40px;
          font-size: 30px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          line-height: 40px;
          color: #222222;
          text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);

          opacity: 1;
        }
      }
      img{
        width: 157.33px;
        height: 157.15px;
        margin-top: 35px;
      }

    }





  </style>