中扬CRM客户关系管理系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
LSH
2023-11-03 5f7598b354fdab871ebaf767200078316562e0c9 
 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,92 +48,153 @@


      #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 {


        width: 100%;


        position: relative;


      }




      .s-full {


        position: absolute;


        right: 10px;


        bottom: 20px;




        width: 40px;


        color: white;


        padding-right: 10px;


        font-size: 20px;


        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>


    <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;


                    z-index: 100;


                    top: 22px;


                    left: 20px;">


<!--        <img src="../static/image/logo.png" alt="" style="width: 15%">-->


    <div class="">


      <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="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 id="girlwu">


        <p class="pText pTextFont">助力智能制造&emsp;&emsp;赋能智慧物流</p>


        <p class="pText pTextFont">&emsp;&emsp;让制造与物流更高效</p>


      </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>


<!--      <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 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 class="container-login100-form-btn p-t-10">


                <button id="smsLogin" class="login100-form-btn login-btn">Login</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>


          </div>


        </div>