Переглянути джерело

修改通行帐号样式和内容

outaozhen 6 роки тому
батько
коміт
2bd15cc8eb
2 змінених файлів з 27 додано та 34 видалено
  1. 0 3
      css/global.css
  2. 27 31
      software-index.html

+ 0 - 3
css/global.css

@@ -193,9 +193,6 @@ body{
   font-size: 14px;
   overflow-y:auto;
 }
-.detail-download button{
-  font-size: 12px;
-}
 .detail-content ul{
   margin:10px 0 0 0;
   padding:0;

+ 27 - 31
software-index.html

@@ -94,6 +94,7 @@
                   </div>
                 </div>
               </div>
+              <!-- 通行帐号登录 -->
               <div class="">
                 <div class="dropdown ml-2 mr-5">
                   <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -103,17 +104,18 @@
                     <div class="downloading">
                       <form>
                         <div class="form-group">
-                          <label for="tel">邮箱 / 手机</label>
-                          <input type="tel" class="form-control" id="tel" aria-describedby="emailHelp" placeholder="">
+                          <label for="tel">邮箱/手机</label>
+                          <input type="tel" class="form-control form-control-sm" id="tel" aria-describedby="emailHelp" placeholder="请输入你的邮箱/手机">
                         </div>
                         <div class="form-group">
                           <label for="password">密码</label>
-                          <input type="password" class="form-control" id="password" aria-describedby="emailHelp" placeholder="">
+                          <input type="password" class="form-control form-control-sm" id="password" aria-describedby="emailHelp" placeholder="请输入密码">
                         </div>
                         <button type="submit" class="btn btn-blue btn-sm mr-4 btn-block">登录</button>
+                        <div class="alert alert-danger mt-3" role="alert">帐号或者密码错误!</div>
                         <div class="row mt-2">
-                          <div class="col text-right"><a href="" class="">忘记密码</a></div>
-                          <div class="col text-left"><a href="" class="">注册通行帐号</a></div>
+                          <div class="col text-left"><a href="" class="">忘记密码</a></div>
+                          <div class="col text-right"><a href="" class="">注册通行帐号</a></div>
                         </div>
                       </form>
                     </div>
@@ -121,7 +123,7 @@
                 </div>
               </div>
               <!-- 开通免费网络版 -->
-              <!-- <div class="">
+              <div class="">
                 <div class="dropdown ml-2 mr-5">
                   <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     Hi <img class="head-img" src="images/headimg2.png">
@@ -138,9 +140,9 @@
                     </div>
                   </div>
                 </div>
-              </div> -->
+              </div>
               <!-- 已开通免费网络版 -->
-              <!-- <div class="">
+              <div class="">
                 <div class="dropdown ml-2 mr-5">
                   <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     Hi <img class="head-img" src="images/headimg2.png">
@@ -157,7 +159,7 @@
                     </div>
                   </div>
                 </div>
-              </div> -->
+              </div>
               <div class="">
                 <div class="mt-1 mr-3"><a href="#" class="colorblack"><i class="fas fa-minus"></i></a></div>
               </div>
@@ -443,31 +445,31 @@
               <div class="form-group row">
                  <label for="" class="col-sm-2 col-form-label">真实姓名</label>
                  <div class="col-sm-10">
-                  <input type="text" class="form-control" id="" placeholder="">
+                  <input type="text" class="form-control form-control-sm" id="" placeholder="">
                  </div>
               </div>
               <div class="form-group row">
                  <label for="" class="col-sm-2 col-form-label">手机号码</label>
                  <div class="col-sm-10">
-                  <input type="text" class="form-control" id="" placeholder="">
+                  <input type="text" class="form-control form-control-sm" id="" placeholder="">
                  </div>
               </div>
               <div class="form-group row">
                  <label for="" class="col-sm-2 col-form-label">单位(公司)名称</label>
                  <div class="col-sm-10">
-                  <input type="text" class="form-control" id="" placeholder="">
+                  <input type="text" class="form-control form-control-sm" id="" placeholder="">
                  </div>
               </div>
               <div class="form-group row">
                  <label for="" class="col-sm-2 col-form-label">联系地址</label>
                  <div class="col-sm-10 row">
                   <div class="form-group col-sm-4">
-                    <select id="inputState" class="form-control">
+                    <select id="inputState" class="form-control form-control-sm">
                       <option selected>广东</option>
                     </select>
                   </div>
                   <div class="form-group col-sm-8">
-                    <input type="text" class="form-control" id="" placeholder="">
+                    <input type="text" class="form-control form-control-sm" id="" placeholder="">
                   </div>
                  </div>
               </div>
@@ -475,25 +477,25 @@
                  <label for="" class="col-sm-2 col-form-label">电话号码</label>
                  <div class="col-sm-10 row">
                   <div class="form-group col-sm-4">
-                    <input type="text" class="form-control" id="" placeholder="">
+                    <input type="text" class="form-control form-control-sm" id="" placeholder="">
                   </div>
                   <div class="form-group col-sm-8">
-                    <input type="text" class="form-control" id="" placeholder="">
+                    <input type="text" class="form-control form-control-sm" id="" placeholder="">
                   </div>
                  </div>
               </div>
               <div class="form-group row">
                  <label for="" class="col-sm-2 col-form-label">QQ号码</label>
                  <div class="col-sm-10">
-                  <input type="text" class="form-control" id="" placeholder="">
+                  <input type="text" class="form-control form-control-sm" id="" placeholder="">
                  </div>
               </div>
               <p class="text-danger">需要完善您的信息,才能完成开通。</p>
             </form>
           </div>
           <div class="modal-footer">
-            <button type="button" class="btn btn-primary btn-sm">立即开通</button>
             <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
+            <button type="button" class="btn btn-primary btn-sm">立即开通</button>
           </div>
         </div>
       </div>
@@ -572,32 +574,29 @@
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="modal-header">
-            <h5 class="modal-title">登录</h5>
+            <h5 class="modal-title">登录账号,开始使用免费网络版</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
             </button>
           </div>
           <div class="modal-body">
-            <h5 class="text-center pb-3">请登录账号,开始使用免费网络版</h5>
             <form>
               <div class="form-group">
-                <label for="tel">邮箱 / 手机</label>
-                  <input type="tel" class="form-control" id="tel" aria-describedby="emailHelp" placeholder="">
+                <label for="tel">邮箱/手机</label>
+                  <input type="tel" class="form-control form-control-sm" id="tel" aria-describedby="emailHelp" placeholder="请输入邮箱/手机">
               </div>
               <div class="form-group">
                 <label for="password">密码</label>
-                  <input type="password" class="form-control" id="password" aria-describedby="emailHelp" placeholder="">
+                  <input type="password" class="form-control form-control-sm" id="password" aria-describedby="emailHelp" placeholder="请输入密码">
               </div>
               <button type="submit" class="btn btn-blue btn-sm mr-4 btn-block">登录</button>
+              <div class="alert alert-danger mt-3" role="alert">帐号或者密码错误!</div>
               <div class="row mt-2">
-                <div class="col text-right"><a href="" class="">忘记密码</a></div>
-                <div class="col text-left"><a href="" class="">注册通行帐号</a></div>
+                <div class="col text-left"><a href="" class="">忘记密码</a></div>
+                <div class="col text-right"><a href="" class="">注册通行帐号</a></div>
               </div>
             </form>
           </div>
-          <div class="modal-footer">
-            <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
-          </div>
         </div>
       </div>
     </div>
@@ -638,9 +637,6 @@
               </div>
             </div>
           </div>
-          <div class="modal-footer">
-            <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
-          </div>
         </div>
       </div>
     </div>