中扬CRM客户关系管理系统
#
LSH
2023-12-02 afa3bc1e2f39f66f59ee9b15d6af16593acdc9a4
src/main/webapp/views/login.html
@@ -28,7 +28,7 @@
        border-radius: 5px;
        color: #ffffff;
        z-index: 99;
        box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
        /*box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);*/
      }
      .login-contain {
@@ -48,11 +48,11 @@
      #background_video {
        position: absolute;
        top: 50%; left: 50%;
        top: 50%; left: 39.55%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        height: 100%; width: 100%;
        height: 100%; width: 79%;
      }
      .s-video-all {
@@ -72,36 +72,73 @@
        cursor: pointer;
      }
      .videocontainer{
        /*filter:brightness(0.5);*/
        z-index: -999;
      }
      #girlwu{
        margin-left: 58%;
        margin-top: 45%;
        z-index: 999;
      }
      .pText{
        /*color: #0C0C0C;*/
        font-weight:800;
        font-style:italic;
        mix-blend-mode: difference;
        color: white;
        /*filter: invert(100%)*/
      /*  normal、oblique 或 italic*/
      }
      @media screen and (min-width:300px) and (min-width:650px){
        .pTextFont{
          font-size:0.75rem;
        }
      }
      @media screen and (min-width:650px) and (min-width:1080px){
        .pTextFont{
          font-size:1.125rem;
        }
      }
      @media screen and (min-width:300px) and (min-width:1380px){
        .pTextFont{
          font-size:1.5rem;
        }
      }
    </style>
  </head>
  <body>
    <div class="">
      <div>
        <video id="background_video" style="z-index: 1" src="../static/image/banner.mp4" height="100%" loop autoplay muted="false" controlslist="nodownload" disablepictureinpicture></video>
      <div class="videocontainer">
        <video id="background_video" style="z-index: -999" src="../static/image/banner.mp4" height="100%" loop autoplay muted="false" controlslist="nodownload" disablepictureinpicture></video>
      </div>
      <div class="l-page l-page--white " data-id="easy_glitch" style="z-index: 99">
        <div style="position: fixed;
                    z-index: 100;
                    top: 22px;
                    left: 20px;">
          <!--        <img src="../static/image/logo.png" alt="" style="width: 15%">-->
        </div>
        <div class="p-preloader">
          <div class="p-preloader__box p-preloader__box--white p-preloader__box--01"></div>
          <div class="p-preloader__box p-preloader__box--white p-preloader__box--02"></div>
          <div class="p-preloader__box p-preloader__box--white p-preloader__box--03"></div>
        </div>
        <div class="p-sketch-outline">
          <h2 class="p-sketch-outline__title" style="z-index: 99">Customer Relationship Management</h2>
          <p class="p-sketch-outline__date" style="z-index: 99">posted: 2018.01.01 / update: 2022.03.18
          </p>
          <p class="p-sketch-outline__description" style="z-index: 99">crm made with various simple objects.</p>
        </div>
      <div id="girlwu">
        <p class="pText pTextFont">助力智能制造&emsp;&emsp;赋能智慧物流</p>
        <p class="pText pTextFont">&emsp;&emsp;让制造与物流更高效</p>
      </div>
<!--      <div class="l-page l-page&#45;&#45;white " data-id="easy_glitch" style="z-index: 99">-->
<!--        <div style="position: fixed;-->
<!--                    z-index: 100;-->
<!--                    top: 22px;-->
<!--                    left: 20px;">-->
<!--          &lt;!&ndash;        <img src="../static/image/logo.png" alt="" style="width: 15%">&ndash;&gt;-->
<!--        </div>-->
<!--        <div class="p-preloader">-->
<!--          <div class="p-preloader__box p-preloader__box&#45;&#45;white p-preloader__box&#45;&#45;01"></div>-->
<!--          <div class="p-preloader__box p-preloader__box&#45;&#45;white p-preloader__box&#45;&#45;02"></div>-->
<!--          <div class="p-preloader__box p-preloader__box&#45;&#45;white p-preloader__box&#45;&#45;03"></div>-->
<!--        </div>-->
<!--        <div class="p-sketch-outline">-->
<!--          <h2 class="p-sketch-outline__title" style="z-index: 99">Customer Relationship Management</h2>-->
<!--          <p class="p-sketch-outline__date" style="z-index: 99">posted: 2018.01.01 / update: 2022.03.18-->
<!--          </p>-->
<!--          <p class="p-sketch-outline__description" style="z-index: 99">crm made with various simple objects.</p>-->
<!--        </div>-->
      </div>
<!--      </div>-->
      <!-- 侧边栏 -->
      <div id="sidebar">
        <div class="login-contain">
@@ -142,19 +179,19 @@
              <div style="display: flex;justify-content: center;align-items: center;">
                <div class="wrap-input100 validate-input m-b-10" style="width: 60%" data-validate="请输入验证码">
                  <input id="code" class="input100" type="text" name="code" placeholder="验证码">
                  <span class="focus-input100"></span>
                  <span class="focus-input100"></span>s
                  <span class="symbol-input100">
                <i class="fa fa-lock"></i>
              </span>
                </div>
                <div style="width: 20%;">
                  <div id="getCodeBox"><button onclick="getCode()">获取验证码</button></div>
                  <div id="getCodeTime"></div>
                  <div id="getCodeTime" style="color: black"></div>
                </div>
              </div>
              <div style="text-align: right;">
                <button onclick="switchLogin('password')">密码登录</button>
              </div>
<!--              <div style="text-align: right;">-->
<!--                <button onclick="switchLogin('password')">密码登录</button>-->
<!--              </div>-->
              <div class="container-login100-form-btn p-t-10">
                <button id="smsLogin" class="login100-form-btn login-btn">Login</button>
              </div>