wyk/juipnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

界面优化

Browse Source
This commit is contained in:
“wanyongkang”
2024-01-09 11:32:34 +08:00
parent 6a12e93d95
commit a6f40cd80d
6 changed files with 46 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Host/Views.Mobile/Product/Index.cshtml
View File

@@ -241,8 +241,8 @@
}
@if (item.Product.Id == 6){
<div class="p_type @("type"+item.Product.Id)" style="padding-top: 10px;">
<button type="button" onclick="xfgaoji()" class="btn btn-default btn-lg xfgj" style="background-color: #FF9900;font-size:1.3em;">高级 2-6M</button>
<button type="button" onclick="xfduxiang()" class="btn btn-default btn-lg xfdx" style="background-color: white;font-size:1.3em;">独享 3-10M</button><br>
<button type="button" onclick="xfgaoji()" class="btn btn-default btn-lg xfgj" style="background-color: #FF9900;font-size:1.3em;">高级-6M</button>
<button type="button" onclick="xfduxiang()" class="btn btn-default btn-lg xfdx" style="background-color: white;font-size:1.3em;">优享-10M</button><br>
</div>
}

2
Host/Views/Article/Index.cshtml
View File

@@ -39,7 +39,7 @@
<div class="input-group">
<input type="text" placeholder="请输入搜索内容" v-model="help_search" class="form-control">
<span class="input-group-btn">
<a class="btn btn-default" :href="'?KeyWord='+help_search" style="background:rgb(57, 81, 107);color:white;" type="button">搜索</a>
<a class="btn btn-default" :href="'?KeyWord='+help_search" style="background:rgb(57, 81, 107);color:white;padding-top:10px;padding-bottom:10px;" type="button">搜索</a>
</span>
</div><!-- /input-group -->
</div>

24
Host/Views/LineList/Index.cshtml
View File

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

10
Host/Views/Product/Index.cshtml
View File

@@ -226,11 +226,11 @@
@* <div class="container-fluid ad">
<a asp-action="taobao" asp-controller="article"> <img src="~/img/acBanner.png"></a>
</div> *@
<div class="container-fluid ad" style="height:100px;background:#0777ff;">
<div class="container-fluid ad" style="height:100px;background:#f7f6f7;">
<div class="row" style="color:white;width:calc(100vw-1px);">
<div class="row" style="color:#00a63f;width:calc(100vw-1px);">
<div class="col-md-12 text-center" style="padding-top:1%;">
<h4 style="color:white;">需求五个以上、可联系右侧客服设置优惠价</h4>
<h4 style="color:#00a63f;">需求五个以上、可联系右侧客服设置优惠价</h4>
<p>动态IP销量排名NO.1
十余种全网知名旗舰产品低价热销、
节点多、稳定、靠谱、单人单线
@@ -390,10 +390,10 @@
<div style="padding:10px 170px;">
<ul class="nav nav-tabs nav-justified" style="margin:0 0 0 50px;cursor: pointer;">
<li id="xfgaoji" style="border:1px solid #ccc" class="active">
<a onclick="xfgaoji()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">高级 2-6M</a>
<a onclick="xfgaoji()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">高级-6M</a>
</li>
<li style="border:1px solid #ccc" id="xfduxiang">
<a onclick="xfduxiang()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">独享 3-10M</a>
<a onclick="xfduxiang()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">优享-10M</a>
</li>
</ul>
</div>

50
Host/Views/Product/Soft.cshtml
View File

@@ -6,14 +6,14 @@
var baseUrl = m_Configuration["BaseInfoUrl"];
Func<string, string> P = (path) => $"{baseUrl}{path}";
}
<div class="container-fluid softBg" style="height: auto;background:#39516b;">
<div class="container-fluid softBg" style="height: auto;background:#f7f6f7;">
<div class="container">
<div class="row">
<div class="col-lg-2">
</div>
<div class="col-lg-8 text-center" style="color: white;">
<h3 style="color:white">软件下载</h3>
<div class="col-lg-8 text-center" style="color: #00a63f;">
<h3 style="color:#00a63f">软件下载</h3>
<p>*软件和账户必须为同一产品才能使用</p>
<p>*下载和使用电脑客户端时请关闭杀毒，如360，电脑管家</p>
<p>*无对应客户端时，可通过线路表直连支持所有设备<a style="color:#0777ff;" href="/LineList/index"><<< IP线路表 >>></a><a style="color:#0777ff;" href="/article/index"><<<教程&帮助>>></a></p>
@@ -39,7 +39,7 @@
@item.Name
</div>
<div class="item" style="width: 100%;">
<a href="@item.PcClientDownloadUrl"> <button type="button" class="btn btn-sdefault" style="width: 100%;">Windows客户端</button></a>
<a href="@item.PcClientDownloadUrl"> <button type="button" class="btn btn-primary" style="width: 100%;">Windows客户端</button></a>
</div>
<br>
<br>
@@ -48,7 +48,7 @@
@if (!string.IsNullOrEmpty(item.DroidDownloadUrl))
{
<div class="item" style="width: 100%;">
<a href="@item.DroidDownloadUrl"> <button type="button" class="btn btn-sdefault" style="width: 100%;">安卓APP</button></a>
<a href="@item.DroidDownloadUrl"> <button type="button" class="btn btn-primary" style="width: 100%;">安卓APP</button></a>
</div>
<br>
}
@@ -56,18 +56,18 @@
@if (item.Id == 20)
{
<div class="item" style="width: 100%;">
<a href="http://mp4.juip.com/wj20220104a.apk"> <button type="button" class="btn btn-sdefault" style="width: 100%;">免root安卓共享独享通用</button></a>
<a href="http://mp4.juip.com/wj20220104a.apk"> <button type="button" class="btn btn-primary" style="width: 100%;">免root安卓共享独享通用</button></a>
</div><br><br>
<div class="item" style="width: 100%;">
<a href="http://mp4.juip.com/wj_root_20220104a.apk"> <button type="button" class="btn btn-sdefault" style="width: 100%;">root版安卓共享独享通用</button></a>
<a href="http://mp4.juip.com/wj_root_20220104a.apk"> <button type="button" class="btn btn-primary" style="width: 100%;">root版安卓共享独享通用</button></a>
</div><br><br>
<div class="item" style="width: 100%;">
<a href="http://mp4.juip.com/%E6%97%A0%E6%9E%81-%E7%94%B5%E8%84%91.zip"> <button type="button" class="btn btn-sdefault" style="width: 100%;">无极电脑共享独享通用</button></a>
<a href="http://mp4.juip.com/%E6%97%A0%E6%9E%81-%E7%94%B5%E8%84%91.zip"> <button type="button" class="btn btn-primary" style="width: 100%;">无极电脑共享独享通用</button></a>
</div>
<br>
<br>
<div class="item" style="width: 100%;">
<a id="ios_cc"> <button type="button" class="btn btn-sdefault" style="width: 100%;">扫描下载苹果客户端</button></a>
<a id="ios_cc"> <button type="button" class="btn btn-primary" style="width: 100%;">扫描下载苹果客户端</button></a>
</div>
<div id="qrcode_s">
@@ -88,10 +88,10 @@
</div>
<div class="item" style="width: 100%;">
<a href="http://mp4.juip.com/vpnclient-x32.zip"> <button type="button" class="btn btn-sdefault" style="width: 100%;">通用版电脑拨号器</button></a>
<a href="http://mp4.juip.com/vpnclient-x32.zip"> <button type="button" class="btn btn-primary" style="width: 100%;">通用版电脑拨号器</button></a>
</div><br><br>
<div class="item" style="width: 100%;">
<a href="http://mp4.juip.com/sstp%20vpn.apk"> <button type="button" class="btn btn-sdefault" style="width: 100%;">通用版sstp安卓客户端</button></a>
<a href="http://mp4.juip.com/sstp%20vpn.apk"> <button type="button" class="btn btn-primary" style="width: 100%;">通用版sstp安卓客户端</button></a>
</div>
</div>
@@ -103,53 +103,53 @@
代理商专用客户端
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E8%98%91%E8%8F%87IP-2-17.zip"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">蘑菇IP-电脑端</button></a>
<a href="http://mp4.juip.com/%E8%98%91%E8%8F%87IP-2-17.zip"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">蘑菇IP-电脑端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E8%98%91%E8%8F%87IP%E7%BA%AF%E5%87%80-v1.0.apk"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">蘑菇IP-安卓版</button></a>
<a href="http://mp4.juip.com/%E8%98%91%E8%8F%87IP%E7%BA%AF%E5%87%80-v1.0.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">蘑菇IP-安卓版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E4%BA%91%E7%89%9B-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">云牛IP-电脑端</button></a>
<a href="http://mp4.juip.com/%E4%BA%91%E7%89%9B-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">云牛IP-电脑端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://app.ipsoft168.com:8000/yunniupubdtip.apk"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">云牛IP-安卓端</button></a>
<a href="http://app.ipsoft168.com:8000/yunniupubdtip.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">云牛IP-安卓端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E8%A5%BF%E7%93%9CIP-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">西瓜IP-电脑版</button></a>
<a href="http://mp4.juip.com/%E8%A5%BF%E7%93%9CIP-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">西瓜IP-电脑版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%A5%BF%E7%93%9CIP%E5%AE%89%E5%8D%93%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">西瓜IP-安卓版</button></a>
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%A5%BF%E7%93%9CIP%E5%AE%89%E5%8D%93%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">西瓜IP-安卓版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E5%BC%BA%E5%AD%90IP%E7%94%B5%E8%84%91%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">强子IP-电脑版</button></a>
<a href="http://mp4.juip.com/%E5%BC%BA%E5%AD%90IP%E7%94%B5%E8%84%91%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">强子IP-电脑版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E5%BC%BA%E5%AD%90IP%E5%AE%89%E5%8D%93%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">强子IP-安卓端</button></a>
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E5%BC%BA%E5%AD%90IP%E5%AE%89%E5%8D%93%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">强子IP-安卓端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E8%AE%AF%E8%BF%9EIP%E7%94%B5%E8%84%91%E7%AB%AF-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">迅连IP-电脑版</button></a>
<a href="http://mp4.juip.com/%E8%AE%AF%E8%BF%9EIP%E7%94%B5%E8%84%91%E7%AB%AF-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">迅连IP-电脑版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%AE%AF%E8%BF%9EIP%E5%AE%89%E5%8D%93%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">讯连IP-安卓端</button></a>
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%AE%AF%E8%BF%9EIP%E5%AE%89%E5%8D%93%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">讯连IP-安卓端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E6%9E%81%E5%AE%A2IP%E4%BB%A3%E7%90%86%E7%89%88%203.5.zip"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">极客IP-电脑版</button></a>
<a href="http://mp4.juip.com/%E6%9E%81%E5%AE%A2IP%E4%BB%A3%E7%90%86%E7%89%88%203.5.zip"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">极客IP-电脑版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%9E%81%E5%AE%A2IP%E5%AE%89%E5%8D%93%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">极客IP-安卓版</button></a>
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%9E%81%E5%AE%A2IP%E5%AE%89%E5%8D%93%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">极客IP-安卓版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E7%81%AB%E7%8B%90-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">火狐IP-电脑端</button></a>
<a href="http://mp4.juip.com/%E7%81%AB%E7%8B%90-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">火狐IP-电脑端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://app.cn98.net:8000/huohupubnet.apk"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">火狐IP-安卓端</button></a>
<a href="http://app.cn98.net:8000/huohupubnet.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">火狐IP-安卓端</button></a>
</div>
</div>

2
Host/wwwroot/http/css/style.css
View File

@@ -964,7 +964,6 @@ nav#desktop-menu {
color: #ffffff;
font-weight: 300;
text-transform: capitalize;
border-left: 1px solid rgba(0,0,0,0.1);
}
.sf-menu li:first-child a {
border-left:0px;
@@ -985,6 +984,7 @@ nav#desktop-menu {
}
.sf-menu ul li a {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
line-height: 300%;
background: #00a63f;
font-size: 14px;
font-weight: 300;