中扬CRM客户关系管理系统
#
LSH
2023-10-16 482f8500e751e7d97bcba3b8e3b5463b608dbb73
#
1个文件已修改
156 ■■■■■ 已修改文件
src/main/webapp/views/login.html 156 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/login.html
@@ -55,85 +55,109 @@
        height: 100%; width: 100%;
      }
      .s-video-all {
        width: 100%;
        position: relative;
      }
      .s-full {
        position: absolute;
        right: 10px;
        bottom: 20px;
        width: 40px;
        color: white;
        padding-right: 10px;
        font-size: 20px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <video id="background_video" src="../static/image/banner.mp4" height="100%" loop autoplay muted="false" controlslist="nodownload" disablepictureinpicture></video>
    <div class="l-page l-page--white" data-id="easy_glitch">
      <div style="position: fixed;
    <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>
      <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">Customer Relationship Management</h2>
        <p class="p-sketch-outline__date">posted: 2018.01.01 / update: 2022.03.18
        </p>
        <p class="p-sketch-outline__description">crm made with various simple objects.</p>
      </div>
          <!--        <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>
    <!-- 侧边栏 -->
    <div id="sidebar">
      <div class="login-contain">
        <div class="login-box">
          <img src="../static/image/logo.png" alt="" style="width: 80%">
<!--          <span class="login100-form-title p-t-20 p-b-45">中扬立库</span>-->
          <span class="login100-form-title p-t-20 p-b-45" style="margin: 15px 0;color: #868686;font-size: 24px">CRM</span>
          <div id="passwdContent" style="display: none;">
            <div class="wrap-input100 validate-input m-b-10" data-validate="请输入用户名">
              <input id="username" class="input100" type="text" name="username" placeholder="username" autocomplete="off">
              <span class="focus-input100"></span>
              <span class="symbol-input100">
              <i class="fa fa-user"></i>
            </span>
            </div>
            <div class="wrap-input100 validate-input m-b-10" data-validate="请输入密码">
              <input id="password" class="input100" type="password" name="pass" placeholder="password">
              <span class="focus-input100"></span>
              <span class="symbol-input100">
              <i class="fa fa-lock"></i>
            </span>
            </div>
            <div style="text-align: right;">
              <button onclick="switchLogin('sms')">短信登录</button>
            </div>
            <div class="container-login100-form-btn p-t-10">
              <button id="passLogin" class="login100-form-btn login-btn">Login</button>
            </div>
          </div>
          <div id="smsContent">
            <div class="wrap-input100 validate-input m-b-10" data-validate="请输入手机号">
              <input id="phone" class="input100" type="text" name="phone" placeholder="手机号" autocomplete="off">
              <span class="focus-input100"></span>
              <span class="symbol-input100">
              <i class="fa fa-user"></i>
            </span>
            </div>
            <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="验证码">
      </div>
      <!-- 侧边栏 -->
      <div id="sidebar">
        <div class="login-contain">
          <div class="login-box">
            <img src="../static/image/logo.png" alt="" style="width: 80%">
            <!--          <span class="login100-form-title p-t-20 p-b-45">中扬立库</span>-->
            <span class="login100-form-title p-t-20 p-b-45" style="margin: 15px 0;color: #868686;font-size: 24px">CRM</span>
            <div id="passwdContent" style="display: none;">
              <div class="wrap-input100 validate-input m-b-10" data-validate="请输入用户名">
                <input id="username" class="input100" type="text" name="username" placeholder="username" autocomplete="off">
                <span class="focus-input100"></span>
                <span class="symbol-input100">
              <i class="fa fa-user"></i>
            </span>
              </div>
              <div class="wrap-input100 validate-input m-b-10" data-validate="请输入密码">
                <input id="password" class="input100" type="password" name="pass" placeholder="password">
                <span class="focus-input100"></span>
                <span class="symbol-input100">
              <i class="fa fa-lock"></i>
            </span>
              </div>
              <div style="text-align: right;">
                <button onclick="switchLogin('sms')">短信登录</button>
              </div>
              <div class="container-login100-form-btn p-t-10">
                <button id="passLogin" class="login100-form-btn login-btn">Login</button>
              </div>
            </div>
            <div id="smsContent">
              <div class="wrap-input100 validate-input m-b-10" data-validate="请输入手机号">
                <input id="phone" class="input100" type="text" name="phone" placeholder="手机号" autocomplete="off">
                <span class="focus-input100"></span>
                <span class="symbol-input100">
              <i class="fa fa-user"></i>
            </span>
              </div>
              <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="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>
              </div>
              <div style="width: 20%;">
                <div id="getCodeBox"><button onclick="getCode()">获取验证码</button></div>
                <div id="getCodeTime"></div>
              <div style="text-align: right;">
                <button onclick="switchLogin('password')">密码登录</button>
              </div>
            </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 class="container-login100-form-btn p-t-10">
                <button id="smsLogin" class="login100-form-btn login-btn">Login</button>
              </div>
            </div>
          </div>
        </div>