网络版线路选择

software-index.html

@@ -275,7 +275,7 @@
                     <div class="details">
                       <div class="float-right">
                         <div class="btn-group btn-group-sm">
-                          <button type="button" class="btn btn-sm btn-white"><i class="fas fa-play mr-2"></i>启动</button>
+                          <button type="button" class="btn btn-sm btn-white" data-toggle="modal" data-target="#server"><i class="fas fa-play mr-2"></i>启动</button>
                           <button type="button" class="btn btn-sm btn-white dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                             <span class="sr-only">Toggle Dropdown</span>
                           </button>
@@ -800,6 +800,48 @@
       </div>
     </div>
 
+    <!-- 服务器检测 -->
+    <div class="modal" tabindex="-1" role="dialog" id="server" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <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">
+              <div class="card mb-2">
+                <div class="card-body">
+                  <div class="row">
+                    <div class="col-4">华东线路1</div>
+                    <div class="col-4 text-success">正常 23ms</div>
+                    <div class="col-4 text-right"><button class="btn btn-sm btn-orange ">登录</div>
+                  </div>
+                </div>
+              </div>
+              <div class="card mb-2">
+                <div class="card-body">
+                  <div class="row">
+                    <div class="col-4">华东线路2</div>
+                    <div class="col-4 text-danger">链接失败</div>
+                    <div class="col-4 text-right"><button class="btn btn-sm btn-orange ">登录</div>
+                  </div>
+                </div>
+              </div>
+              <div class="card mb-2">
+                <div class="card-body">
+                  <div class="row">
+                    <div class="col-4">华南线路</div>
+                    <div class="col-4 text-success">正常 103ms</div>
+                    <div class="col-4 text-right"><button class="btn btn-sm btn-orange ">登录</div>
+                  </div>
+                </div>
+              </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <!--注册码 -->
     <div class="modal" tabindex="-1" role="dialog" id="key" aria-labelledby="exampleModalLabel">
       <div class="modal-dialog" role="document">

software-index1.html

@@ -62,7 +62,6 @@
                       <div class="">
                         <button type="button" class="btn btn-primary btn-sm btn-block" data-toggle="modal" data-target="#onlinewrap">免费开通纵横网络版</button>
                         <a href="#" class="dropdown-item" data-toggle="modal" data-target="#online-two">已开通纵横网络版</a>
-                        <a href="#" class="dropdown-item" data-toggle="modal" data-target="#server">网络版服务器状态</a>
                         <div class="dropdown-divider"></div>
                         <a class="dropdown-item" href="#">通行账号</a>
                         <a class="dropdown-item" href="#">帮助中心</a>
@@ -449,36 +448,6 @@
       </div>
     </div>
 
-    <!-- 服务器检测 -->
-    <div class="modal" tabindex="-1" role="dialog" id="server" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
-      <div class="modal-dialog" role="document">
-        <div class="modal-content">
-          <div class="modal-header">
-            <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">
-            <div class="text-center"><button class="btn btn-primary">检测服务器状态</button></div>
-            <div class="mt-3 text-center">
-              <p>线路1<span class="ml-3 text-secondary">待检测</span></p>
-              <p>线路2<span class="ml-3 text-secondary">待检测</span></p>
-              <p>线路3<span class="ml-3 text-secondary">待检测</span></p>
-            </div>
-            <div class="mt-3 text-center">
-              <p>线路1<span class="ml-3 text-success">正常</span></p>
-              <p>线路2<span class="ml-3 text-danger">错误</span></p>
-              <p>线路3<span class="ml-3 text-success">正常</span></p>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
-          </div>
-        </div>
-      </div>
-    </div>
-
     <!-- 登录 -->
     <div class="modal" tabindex="-1" role="dialog" id="loginwrap" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
       <div class="modal-dialog" role="document">