界面优化
This commit is contained in:
@@ -142,7 +142,7 @@
|
||||
}
|
||||
</style>
|
||||
<div id="app">
|
||||
<div class="container-fluid" style="background-color:#39516b;">
|
||||
<div class="container-fluid" style="background-color:#f7f6f7;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
@@ -150,9 +150,9 @@
|
||||
</div>
|
||||
<div class="col-lg-12 text-center" style="padding: 10px 0 0 0;">
|
||||
|
||||
<p class="hot" style="padding: 3px;margin:0;">*线路表和账号必须为同一产品才能使用。</p>
|
||||
<p class="hot" style="padding: 3px;margin:0;">*请优先选择客户端连接 <a style="color:#0777ff;" href="/product/soft"><<<下载客户端>>></a> </p>
|
||||
<p class="hot" style="padding: 3px;margin:0;">*无对应客户端时,可通过线路表直连支持所有设备<a style="color:#0777ff;" href="/article/index"><<<教程&帮助>>></a></p>
|
||||
<p class="hot" style="padding: 3px;margin:0;color:#00a63f;">*线路表和账号必须为同一产品才能使用。</p>
|
||||
<p class="hot" style="padding: 3px;margin:0;color:#00a63f;">*请优先选择客户端连接 <a style="color:#0777ff;" href="/product/soft"><<<下载客户端>>></a> </p>
|
||||
<p class="hot" style="padding: 3px;margin:0;color:#00a63f;">*无对应客户端时,可通过线路表直连支持所有设备<a style="color:#0777ff;" href="/article/index"><<<教程&帮助>>></a></p>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
@@ -163,7 +163,7 @@
|
||||
<div class="xianlu" style="padding-top: 2em;">
|
||||
@foreach (var item in product.Where(m => m.Id != 3 && m.Id != 7 && m.Id != 9&& m.Id != 20&& m.Id != 21))
|
||||
{
|
||||
<div style="background-color:rgb(74 113 155);" v-on:click="select_product(@item.Id)" id="product-@item.Id" class="item @(item.Id==pid?"blueLine":"")" a-pid="@item.Id" a-name="@item.Name">
|
||||
<div style="background-color:#00a63f;" v-on:click="select_product(@item.Id)" id="product-@item.Id" class="item @(item.Id==pid?"blueLine":"")" a-pid="@item.Id" a-name="@item.Name">
|
||||
<span>@item.Name</span><img src="~/img/check.png">
|
||||
</div>
|
||||
}
|
||||
@@ -174,7 +174,7 @@
|
||||
<div class="row">
|
||||
<div class="text-center">
|
||||
<div style="margin-bottom: 10px;">
|
||||
<span style="width:5em;height:37px;background:rgb(74, 113, 155);color:white;padding: 10px 0 10px 12px;">{{search_field}}
|
||||
<span style="width:5em;height:37px;background:#00a63f;color:white;padding: 10px 0 10px 12px;">{{search_field}}
|
||||
<input style="width:50%;margin:0;color:black;" v-on:keyup.13="search_product()" type="text" v-model="search_product_data" name="KeyWord" class="searchDq" placeholder="输入地区/名称/服务器" />
|
||||
</span>
|
||||
<button v-on:click="search_product()" class="btn btn-primary" style="margin-left:20px;">搜索当前线路表</button>
|
||||
@@ -182,7 +182,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin:20px 0;">
|
||||
<div style="color: red;line-height:50%;" v-if="product_id ==1|| product_id==2">
|
||||
<div style="color: red;line-height:50%;" v-if="product_id ==1|| product_id==2">
|
||||
<p style="text-align:center;">
|
||||
<span style="font-size: 20px;color:#FF0033;">{{search_field}}</span> 用服务器地址直连用户请注意:
|
||||
</p>
|
||||
@@ -201,12 +201,12 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-2 miyao">
|
||||
<p style="font-size:13px;"><img src="~/img/miyao.png"> L2TP密钥:<b style="color:red;">{{l2tp}}</b></p>
|
||||
<p style="font-size:13px;"><img src="~/img/dk.png"> SSTP端口:<b style="color:red;">{{sstp}}</b></p>
|
||||
<p style="font-size:13px;color:#00a63f;font-weight: bold;"><img src="~/img/miyao.png"> L2TP密钥:<b style="color:red;">{{l2tp}}</b></p>
|
||||
<p style="font-size:13px;color:#00a63f;font-weight: bold;"><img src="~/img/dk.png"> SSTP端口:<b style="color:red;">{{sstp}}</b></p>
|
||||
</div>
|
||||
<div class="col-lg-10">
|
||||
<p style="margin:0 0 0 10px;font-size:15px;"><img src="~/img/shuju.png">实时总线路:{{count}}条<img src="~/img/shuju.png">实时可用线路:{{use_count}}条</p>
|
||||
<p class="col-lg-12" style=" font-size:15px;color:#FF0033;margin-bottom:30px;">{{search_field}} ------线路表API接口(每5分钟更新一次,禁止频繁访问!):http://php-api.juip.com/script/linedata/display.php?product={{product_id}}</p>
|
||||
<p style="margin:0 0 0 10px;font-size:15px;color:#00a63f;font-weight: bold;"><img src="~/img/shuju.png">实时总线路:{{count}}条<img src="~/img/shuju.png">实时可用线路:{{use_count}}条</p>
|
||||
<p style=" font-size:15px;color:#FF0033;margin-bottom:30px;color:#00a63f;font-weight: bold;">{{search_field}}-(每5分钟更新一次,禁止频繁访问!):http://php-api.juip.com/script/linedata/display.php?product={{product_id}}</p>
|
||||
|
||||
|
||||
</div>
|
||||
@@ -251,7 +251,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="visible-lg text-center text-new" style="position:fixed;left:9px;top:30%;color:#39516b;cursor:pointer;width:14%;">
|
||||
<div class="visible-lg text-center text-new" style="position:fixed;left:9px;top:30%;color:#00a63f !important;cursor:pointer;width:14%;background-color:white;">
|
||||
|
||||
<table class="table table-striped " >
|
||||
<tr>
|
||||
|
||||
Reference in New Issue
Block a user