界面更改

This commit is contained in:
“wanyongkang”
2023-08-16 17:15:50 +08:00
parent 11d6804ff0
commit 4239c29e96
13 changed files with 33 additions and 39 deletions

View File

@@ -240,7 +240,7 @@
<div class="titProducts"> <div class="titProducts">
<p>INFORMATION</p> <p>INFORMATION</p>
<p>教程&咨询</p> <p>教程&帮助</p>
</div> </div>
<div class="newsList"> <div class="newsList">
<!-- Nav tabs --> <!-- Nav tabs -->

View File

@@ -14,7 +14,6 @@
<div class="quanjushousuo"> <div class="quanjushousuo">
<p><input type="text" v-model="search_all_data" name="KeyWord" placeholder="输入地区/名称/服务器" id="KeyWord" /><button type="submit" v-on:click="search_all()" class="btnOrange">搜索全部</button></p> <p><input type="text" v-model="search_all_data" name="KeyWord" placeholder="输入地区/名称/服务器" id="KeyWord" /><button type="submit" v-on:click="search_all()" class="btnOrange">搜索全部</button></p>
<p><img src="~/m/img/shuju.png"> 实时总线路:{{ count }}条 <img src="~/m/img/shuju.png"> 实时可用线路:{{ use_count }}条</p> <p><img src="~/m/img/shuju.png"> 实时总线路:{{ count }}条 <img src="~/m/img/shuju.png"> 实时可用线路:{{ use_count }}条</p>
<p>所有线路均支持:【电脑/安卓/苹果】【IP/L2TP/SSTP】</p>
</div> </div>

View File

@@ -36,9 +36,9 @@
<title>电脑换ip软件_自动换ip软件下载-聚IP</title> <title>电脑换ip软件_自动换ip软件下载-聚IP</title>
} }
else if(url_s == "/article/index"){ else if(url_s == "/article/index"){
<meta name="Keywords" Content="换ip的软件,动态ip代理,教程&咨询"> <meta name="Keywords" Content="换ip的软件,动态ip代理,教程&帮助">
<meta name="Description" Content="聚IP提供换ip的软件、动态ip代理等详细教程在线指导。"> <meta name="Description" Content="聚IP提供换ip的软件、动态ip代理等详细教程在线指导。">
<title>换ip的软件_动态ip代理_教程&咨询-聚IP</title> <title>换ip的软件_动态ip代理_教程&帮助-聚IP</title>
} }
else { else {
<meta name="Keywords" Content="动态ip软件,动态代理ip,sstp,换ip的软件,电脑换ip软件,pptp,L2TP,动态ip代理,动态ip,自动换ip软件"> <meta name="Keywords" Content="动态ip软件,动态代理ip,sstp,换ip的软件,电脑换ip软件,pptp,L2TP,动态ip代理,动态ip,自动换ip软件">
@@ -165,7 +165,7 @@
<li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a> </li> <li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a> </li>
<li><a asp-action="index" asp-controller="LineList" asp-route-Catalog="1">线路表</a> </li> <li><a asp-action="index" asp-controller="LineList" asp-route-Catalog="1">线路表</a> </li>
<li><a asp-action="soft" asp-controller="product">软件下载</a> </li> <li><a asp-action="soft" asp-controller="product">软件下载</a> </li>
<li><a asp-action="index" asp-controller="article">教程&咨询</a></li> <li><a asp-action="index" asp-controller="article">教程&帮助</a></li>
<li><a href="/product/routeros">软路由购买</a></li> <li><a href="/product/routeros">软路由购买</a></li>
<li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li> <li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li>
@* <li><a asp-action="taobao" asp-controller="article">淘宝充值活动</a></li> *@ @* <li><a asp-action="taobao" asp-controller="article">淘宝充值活动</a></li> *@

View File

@@ -52,7 +52,7 @@
<li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a> </li> <li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a> </li>
<li><a asp-action="index" asp-controller="LineList">线路表</a> </li> <li><a asp-action="index" asp-controller="LineList">线路表</a> </li>
<li><a asp-action="soft" asp-controller="product">软件下载</a> </li> <li><a asp-action="soft" asp-controller="product">软件下载</a> </li>
<li><a asp-action="index" asp-controller="article">教程&咨询</a></li> <li><a asp-action="index" asp-controller="article">教程&帮助</a></li>
<li><a href="/product/routeros">软路由购买</a></li> <li><a href="/product/routeros">软路由购买</a></li>
<li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li> <li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li>
<li> <li>

View File

@@ -27,7 +27,7 @@
<div class="container-fluid newsCon"> <div class="container-fluid newsCon">
<div class="container"> <div class="container">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li><a href="#">教程&咨询</a></li> <li><a href="#">教程&帮助</a></li>
@*<li><a href="#" class="active">华连头条</a></li>*@ @*<li><a href="#" class="active">华连头条</a></li>*@
</ol> </ol>
</div> </div>

View File

@@ -146,7 +146,7 @@
$(window).scroll(function () { $(window).scroll(function () {
var topp = $(document).scrollTop(); var topp = $(document).scrollTop();
if (topp > 800) { if (topp > 600) {
$(".d3").show(); $(".d3").show();
$(".d3").addClass("animated slideInLeft"); $(".d3").addClass("animated slideInLeft");
$(".d4").show(); $(".d4").show();
@@ -355,9 +355,9 @@
</div> </div>
<div class="container d1" style="color: #badcff;"> <div class="container d1" style="color: #badcff;">
@* <img src="~/img/d1.png"> *@ @* <img src="~/img/d1.png"> *@
<p style="font-size:3em;">聚集优质动态IP产品 亿万级高品质IP资源</p> <p style="font-size:4em;">聚集优质IP产品 尽在聚IP</p>
<p style="font-size:1.5em;">覆盖500+城市超2000个服务器亿量级IP</p> <p style="font-size:1.5em;">覆盖500+城市超2000个服务器亿量级IP</p>
<p style="font-size:1em;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等十几种优质动、静态IP产品</p> <p style="font-size:1em;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等十几种优质动、静态、单窗口等IP产品</p>
</div> </div>
<div class="container-fluid nav"> <div class="container-fluid nav">
<div class="row"> <div class="row">
@@ -370,7 +370,7 @@
<li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a></li> <li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a></li>
<li><a href="/LineList/index">IP线路表</a></li> <li><a href="/LineList/index">IP线路表</a></li>
<li><a href="/product/soft">软件下载</a></li> <li><a href="/product/soft">软件下载</a></li>
<li><a href="/article/index">教程&咨询</a></li> <li><a href="/article/index">教程&帮助</a></li>
<li><a href="/product/routeros">软路由购买</a></li> <li><a href="/product/routeros">软路由购买</a></li>
<li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li> <li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li>
<li> <li>
@@ -423,17 +423,18 @@
<div class="container-fluid youshi"> <div class="container-fluid youshi">
<div class="youshiBg"> <div class="youshiBg">
<img src="~/img/youshi.png"> <img src="~/img/youshi.png">
<div class="useTit" style="color: #0777ff;top:90px;">聚IP优势</div>
</div> </div>
<div class="container imgYoushi"> <div class="container imgYoushi">
<div class="row"> <div class="row">
<div class="col-lg-5 text-right"> <div class="col-lg-5 text-right">
<div class="d3"> <div class="d3">
<h3 style="color: #47a1ff;">全网产品最多IP库最大</h3> <h3 style="color: #47a1ff;">全网产品最多IP库最大</h3>
<p style="color: white;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等<br>十几种优质动、静态IP产品,多产品组合畅享ip翻倍可用ip超1亿个</p> <p style="color: white;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等<br>十几种优质动、静态、单窗口等IP产品,多产品组合畅享ip翻倍可用ip超1亿个</p>
</div> </div>
<div class="d3" style="margin-top:10em;"> <div class="d3" style="margin-top:10em;">
<h3 style="color: #47a1ff;">全设备、全协议支持</h3> <h3 style="color: #47a1ff;">全设备、全协议支持</h3>
<p style="color: white;">支持安卓、IOS、MAC、windows、Linux等系统<br>支持PPTP\L2TP\SSTP等协议</p> <p style="color: white;">支持安卓、IOS、MAC、windows、Linux、软路由、模拟器、虚拟机等<br>支持PPTPL2TPSSTP等协议</p>
</div> </div>
<div class="d3" style="margin-top:10em;"> <div class="d3" style="margin-top:10em;">
<h3 style="color: #47a1ff;">用户独享宽带</h3> <h3 style="color: #47a1ff;">用户独享宽带</h3>

View File

@@ -22,8 +22,8 @@
<div class="container-fluid" style="background-color:#39516b;"> <div class="container-fluid" style="background-color:#39516b;">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div style="float: left;" class="col-lg-3 zxbz"> <div class="col-lg-3 zxbz text-right">
<img src="~/img/img_xinalu.png"> <h2 style="color: rgb(195 225 255);margin-top: 60px;">直连线路表</h2>
</div> </div>
<div style="float: left;" class="col-lg-5 searchInput"> <div style="float: left;" class="col-lg-5 searchInput">
<span style="float: left;width:10%;margin-top:60px;height:40px;line-height:200%" class="input-group-addon">全部</span> <span style="float: left;width:10%;margin-top:60px;height:40px;line-height:200%" class="input-group-addon">全部</span>
@@ -32,26 +32,24 @@
<div class="col-lg-2 searchBtn text-left"> <div class="col-lg-2 searchBtn text-left">
<button v-on:click="search_all()" class="btn btn-search">搜索全部</button> <button v-on:click="search_all()" class="btn btn-search">搜索全部</button>
</div> </div>
<div class="col-lg-2">
<span class="btnZhilian cursor"><a asp-index="" asp-controller="article" asp-route-Catalog="4" style="color:white"><img src="~/img/zhilian.png">直连教程</a></span>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
</div> </div>
<div class="col-lg-9"> <div class="col-lg-9">
<p class="hot"><img src="~/img/shuju.png">实时总线路:{{count}}条<img src="~/img/shuju.png">实时可用线路:{{use_count}}条 所有线路均支持:【电脑/安卓/苹果】【IP/L2TP/SSTP】</p> <p class="hot" style="padding-bottom: 0;"><img src="~/img/shuju.png">实时总线路:{{count}}条<img src="~/img/shuju.png">实时可用线路:{{use_count}}条</p>
<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?Catalog=1"><<<教程&帮助>>></a></p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<p style="text-align: center;font-size: 25px;color:red;">*****公告*****</p> <div class="xianlu" style="padding-top: 2em;">
<p style="text-align: center;font-size: 20px;">*聚IP商城全线服务器都已更新可显示实时维护状态及服务器负载情况*</p>
<p class="xianluIntro" style="text-align: center;font-size: 25px;">*线路表和账号必须为同一产品才能使用。</p>
<div class="xianlu">
@foreach (var item in product.Where(m => m.Id != 3 && m.Id != 7 && m.Id != 9&& m.Id != 20&& m.Id != 21)) @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: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">
@@ -63,7 +61,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<p class="col-lg-12" style="background-color: #FFFF00; color:#FF0033;text-align:center;margin-bottom:30px;">{{search_field}} ------线路表API接口每5分钟更新一次,禁止频繁访问!http://php-api.juip.com/script/linedata/display.php?product={{product_id}}</p> <p class="col-lg-12" style=" color:#FF0033;text-align:center;margin-bottom:30px;">{{search_field}} ------线路表API接口每5分钟更新一次,禁止频繁访问!http://php-api.juip.com/script/linedata/display.php?product={{product_id}}</p>
<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;"> <p style="text-align:center;">
<span style="font-size: 20px;color:#FF0033;">{{search_field}}</span> 用服务器地址直连用户请注意: <span style="font-size: 20px;color:#FF0033;">{{search_field}}</span> 用服务器地址直连用户请注意:

View File

@@ -237,6 +237,7 @@
</div> </div>
@*新布局*@ @*新布局*@
<h1 class="text-center tit " style="font-style: italic;text-shadow: 5px 6px 3px #ccc;font-weight:bold;">选择产品</h1> <h1 class="text-center tit " style="font-style: italic;text-shadow: 5px 6px 3px #ccc;font-weight:bold;">选择产品</h1>
<p class="text-center" style="padding: 0;margin:0;"><a target="_blank" style="color: #0777ff;" href="/img/product_compare.png">查看各产品对比</a></p>
<div class="main-page"> <div class="main-page">
<div class="left" style="width: 175px;"> <div class="left" style="width: 175px;">
@@ -246,7 +247,7 @@
@foreach (var item in Model) @foreach (var item in Model)
{ {
if(item.Product.Id == 18) { if(item.Product.Id == 18) {
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span style="color: red;font-weight:bold;">送 </span>@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">8折</span></div> <div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span style="color: red;font-weight:bold;">送 </span>@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">最快</span></div>
} }
else if(item.Product.Id == 14) { else if(item.Product.Id == 14) {
<div class="dropdown"> <div class="dropdown">

View File

@@ -14,11 +14,9 @@
</div> </div>
<div class="col-lg-6 text-center" style="color: white;"> <div class="col-lg-6 text-center" style="color: white;">
<h1>软件下载</h1> <h1>软件下载</h1>
<p>软件和账户必须为同一产品才能使用</p> <p>*软件和账户必须为同一产品才能使用</p>
<p>注意:下载和使用电脑客户端时请关闭杀毒如360电脑管家</p> <p>*下载和使用电脑客户端时请关闭杀毒如360电脑管家</p>
</div> <p>*无对应客户端时,可通过线路表直连支持所有设备<a style="color:#0777ff;" href="/LineList/index"><<< IP线路表 >>></a><a style="color:#0777ff;" href="/article/index?Catalog=1"><<<教程&帮助>>></a></p>
<div class="col-lg-3 text-right" style="margin-top: 7em;">
<a href="/article/index?Catalog=1" style="color: #fff;">使用教程→</a>
</div> </div>
</div> </div>
</div> </div>
@@ -123,9 +121,6 @@
<div class="item" style="margin-bottom: 5px;width:200px;"> <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-sdefault" style="width: 99%;margin-right:5px">强子IP-安卓端</button></a>
</div> </div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E7%81%AB%E7%8B%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>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;"> <div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%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://wuxinxikehuduan.image.qiangzipptp.top/%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>
</div> </div>

View File

@@ -101,7 +101,7 @@
<p style="padding-top: 40px; font-size: 25px; font-weight: bold; color: #ee7a69;">@Model.Product.Name</p> <p style="padding-top: 40px; font-size: 25px; font-weight: bold; color: #ee7a69;">@Model.Product.Name</p>
</div> </div>
<div class="item"> <div class="item">
<p class="sname">@Model.Package.Name</p> <p class="sname" style="font-size: 1.2em;margin-top:0.5em">@Model.Package.Name</p>
<p class="sprice">@(Model.Package.DayPrice)元/天</p> <p class="sprice">@(Model.Package.DayPrice)元/天</p>
<p class="stime">@Model.Package.Profile</p> <p class="stime">@Model.Package.Profile</p>

View File

@@ -75,7 +75,7 @@
<p style="padding-top: 40px; font-size: 25px; font-weight: bold; color: #ee7a69;">@Model.Product.Name</p> <p style="padding-top: 40px; font-size: 25px; font-weight: bold; color: #ee7a69;">@Model.Product.Name</p>
</div> </div>
<div class="item"> <div class="item">
<p class="sname">@Model.Package.Name</p> <p class="sname" style="font-size: 1.2em;">@Model.Package.Name</p>
<p class="sprice">@(Model.Package.DayPrice)元/天</p> <p class="sprice">@(Model.Package.DayPrice)元/天</p>
<p class="stime">@Model.Package.Profile</p> <p class="stime">@Model.Package.Profile</p>

View File

@@ -31,9 +31,9 @@
<title>电脑换ip软件_自动换ip软件下载-聚IP</title> <title>电脑换ip软件_自动换ip软件下载-聚IP</title>
} }
else if(url_s == "/article/index"){ else if(url_s == "/article/index"){
<meta name="Keywords" Content="换ip的软件,动态ip代理,教程&咨询"> <meta name="Keywords" Content="换ip的软件,动态ip代理,教程&帮助">
<meta name="Description" Content="聚IP提供换ip的软件、动态ip代理等详细教程在线指导。"> <meta name="Description" Content="聚IP提供换ip的软件、动态ip代理等详细教程在线指导。">
<title>换ip的软件_动态ip代理_教程&咨询-聚IP</title> <title>换ip的软件_动态ip代理_教程&帮助-聚IP</title>
} }
else { else {
<meta name="Keywords" Content="动态ip软件,动态代理ip,sstp,换ip的软件,电脑换ip软件,pptp,L2TP,动态ip代理,动态ip,自动换ip软件"> <meta name="Keywords" Content="动态ip软件,动态代理ip,sstp,换ip的软件,电脑换ip软件,pptp,L2TP,动态ip代理,动态ip,自动换ip软件">
@@ -227,7 +227,7 @@
<li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a></li> <li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a></li>
<li><a href="/LineList/index">IP线路表</a></li> <li><a href="/LineList/index">IP线路表</a></li>
<li><a href="/product/soft">软件下载</a></li> <li><a href="/product/soft">软件下载</a></li>
<li><a href="/article/index?Catalog=1">教程&咨询</a></li> <li><a href="/article/index?Catalog=1">教程&帮助</a></li>
<li><a href="/product/routeros">软路由购买</a></li> <li><a href="/product/routeros">软路由购买</a></li>
<li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li> <li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li>
<li> <li>

View File

@@ -116,7 +116,7 @@
<li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a></li> <li><a href="/product/index">产品购买 <span style="color: red;">活动</span></a></li>
<li><a href="/LineList/index" ">IP线路表</a></li> <li><a href="/LineList/index" ">IP线路表</a></li>
<li><a href="/product/soft">软件下载</a></li> <li><a href="/product/soft">软件下载</a></li>
<li><a href="/article/index">教程&咨询</a></li> <li><a href="/article/index">教程&帮助</a></li>
<li><a href="/product/routeros">软路由购买</a></li> <li><a href="/product/routeros">软路由购买</a></li>
<li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li> <li><a href="http://vps.juip.com" style="color: red;">动态VPS</a></li>
<li> <li>