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

首页界面更改

Browse Source
This commit is contained in:
“wanyongkang”
2023-08-14 16:49:49 +08:00
parent eb0e73934b
commit feea9e530f
9 changed files with 88 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Host/Views.Mobile/Home/Index.cshtml
View File

@@ -48,7 +48,7 @@
flex-direction: row;
flex-wrap: wrap;
padding: 30px;
z-index: 10000000;
z-index: 2;
}
.notice p{
font-size: 25px;

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

@@ -49,9 +49,9 @@
<div class="item" style="height: auto;">
@*<p><img src="@P(item.Image)"></p>*@
<p>代理商专用客户端</p>
<p><a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%A5%BF%E7%93%9CIP%20-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btnBlue">西瓜IP-电脑版</button></a></p>
<p><a href="http://mp4.juip.com/%E8%A5%BF%E7%93%9CIP%20-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btnBlue">西瓜IP-电脑版</button></a></p>
<p><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="btnBlue">西瓜IP-安卓</button></a></p><br>
<p><a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%9E%81%E5%AE%A2IP%E4%BB%A3%E7%90%86%E7%89%88%203.5.rar"> <button type="button" class="btnBlue">极客IP-电脑版</button></a></p><br>
<p><a href="http://mp4.juip.com/%E6%9E%81%E5%AE%A2IP%E4%BB%A3%E7%90%86%E7%89%88%203.5.rar"> <button type="button" class="btnBlue">极客IP-电脑版</button></a></p><br>
<p><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="btnBlue">极客IP-安卓</button></a></p><br>
<p><a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%AE%AF%E8%BF%9EIP%E7%94%B5%E8%84%91%E7%AB%AF-%E4%BB%A3%E7%90%86%E7%89%88.rar"> <button type="button" class="btnBlue">迅连IP-电脑版</button></a></p>

195
Host/Views/Home/Index.cshtml
View File

@@ -185,8 +185,6 @@
margin-top: -160px;
z-index: 3;
background: #fff;
border-radius: 10px;
box-shadow: 0px 6px 8px 6px #ccc;
display: flex;
flex-direction: row;
flex-wrap: wrap;
@@ -353,10 +351,13 @@
<!-- banner&nav -->
<div class="container-fluid banner" id="top">
<div class="bg">
<img src="~/img/banner.png">
<img style="height:calc(100vh);" src="http://mp4.juip.com/banner.png">
</div>
<div class="container d1">
<img src="~/img/d1.png">
<div class="container d1" style="color: #badcff;">
@* <img src="~/img/d1.png"> *@
<p style="font-size:3em;">聚集优质动态IP产品 亿万级高品质IP资源</p>
<p style="font-size:1.5em;">覆盖500+城市，超2000个服务器，亿量级IP</p>
<p style="font-size:1em;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等十几种优质动、静态IP产品</p>
</div>
<div class="container-fluid nav">
<div class="row">
@@ -415,27 +416,28 @@
</div>
</div>
</div>
<!-- products -->
<div class="container-fluid pro">
<div class="container-fluid pro" style="background:#141f2d;color: #badcff;">
<p class="tit tit_cp text-center">
<span><img src="~/img/tit_chanpin.png"></span>
<span class="modelTit">我们的产品</span>
</p>
<p class="chanpinText">冰点价格，开通后任何问题可无理由退款</p>
<p class="chanpinText">温馨提示：在国外，香港，台湾，澳门，城市使用不稳定；移动网络，长城宽带以及校园网使用会不稳定，因此不建议亲使用哦</p>
<p class="chanpinText">温馨提示：在国外，香港，台湾，澳门，城市限制使用；移动网络，长城宽带以及校园网使用会不稳定，因此不建议亲使用哦</p>
<div class="container-fluid d2">
<ul class="newProduct">
<ul class="newProduct" >
@foreach (var item in Model.Where(m => m.Sort != 1000).OrderBy(m => m.Sort))
{
<li>
<li style="background:#2c3748;border:1px solid white;">
@*<p><img src="@P(item.Image)"></p>*@
<p class="titCard">@item.Name</p>
<p class="jieshao">@item.Profile</p>
<p class="jieshao" style="overflow: hidden;">@item.Profile</p>
@*<p class="chakan"> <a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表→</a></p>
<p><a asp-action="index" asp-controller="product" asp-route-id="@item.Id"><button type="button" class="btn btn-primary gm">立即购买</button></a></p>*@
<div class="buyBar">
<div class="item ck"><a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表</a></div>
<div class="item ck"><a asp-action="index" asp-controller="linelist" type="button" class="btn btn-primary btn-warning" asp-route-ProductId="@item.Id">查看线路表</a></div>
<div class="item">
<a asp-action="index" asp-controller="product" asp-route-id="@item.Id">
<button type="button" class="btn btn-primary btn-warning">
@@ -451,163 +453,60 @@
</div>
</div>
<!-- Swiper -->
@*<div class="swiper-container">
<div class="swiper-wrapper">
@foreach (var item in Model.Where(m => m.Sort != 1000))
{
<div class="swiper-slide">
<p><img src="@P(item.Image)"></p>
<p class="titCard">@item.Name</p>
<p class="jieshao">@item.Profile</p>
<p> <a asp-action="index" asp-controller="linelist" asp-route-ProductId="@item.Id">查看线路表→</a></p>
<p><a asp-action="index" asp-controller="product" asp-route-id="@item.Id"><button type="button" class="btn btn-primary">立即购买</button></a></p>
</div>
}
</div>
<div class="swiper-button-next"><img src="~/img/btnR.png"></div>
<div class="swiper-button-prev"><img src="~/img/btnL.png"></div>
</div>*@
</div>
<!-- youshi -->
<div class="container-fluid youshi">
<div class="youshiBg">
<img src="~/img/youshi.png">
</div>
<div class="container">
<p class="tit tit_youshi text-center">
<span><img src="~/img/tit_youshi.png"></span>
<span class="youshiTit">我们的优势</span>
</p>
</div>
<div class="container imgYoushi">
<div class="row">
<div class="col-lg-6 text-center">
<img src="~/img/youshiL.png" class="d3">
<div class="col-lg-5 text-right">
<div class="d3">
<h3 style="color: #47a1ff;">全网产品最多IP库最大</h3>
<p style="color: white;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等<br>十几种优质动、静态IP产品,多产品组合畅享ip翻倍，可用ip超1亿个</p>
</div>
<div class="d3" style="margin-top:10em;">
<h3 style="color: #47a1ff;">全设备、全协议支持</h3>
<p style="color: white;">支持安卓、IOS、MAC、windows、Linux等系统<br>支持PPTP\L2TP\SSTP等协议</p>
</div>
<div class="d3" style="margin-top:10em;">
<h3 style="color: #47a1ff;">用户独享宽带</h3>
<p style="color: white;">一号一拨绝不超拨、快速切换平均带宽6-10兆，最高可达百兆</p>
</div>
</div>
<div class="col-lg-6 text-center">
<img src="~/img/youshiR.png" class="d4">
<div class="col-lg-5 col-lg-offset-2 text-left">
<div class="d4">
<h3 style="color: #47a1ff;">价低质优、免费测试</h3>
<p style="color: white;">全自营机房一手资源、价低质优、量大可联系客服获取最低价</p>
</div>
<div class="d4" style="margin-top:10em;">
<h3 style="color: #47a1ff;">专属化产品定制</h3>
<p style="color: white;">支持定制独立服务器、可根据项目需求定制专用产品</p>
</div>
<div class="d4" style="margin-top:10em;">
<h3 style="color: #47a1ff;">专业的服务团队</h3>
<p style="color: white;">资深客服一对一指导、实时在线、竭诚为您服务</p>
</div>
</div>
</div>
</div>
</div>
<!-- map -->
<div class="container modelMap">
<div class="yuan1">
@*<div class="nei animation"></div>*@
<div class="wai animation mapCicle"></div>
</div>
<div class="yuan2">
@*<div class="nei2 animation"></div>*@
<div class="wai2 animation mapCicle"></div>
</div>
<div class="yuan3">
@*<div class="nei animation"></div>*@
<div class="wai animation mapCicle"></div>
</div>
<div class="yuan4">
@*<div class="nei2 animation"></div>*@
<div class="wai2 animation mapCicle"></div>
</div>
<div class="yuan5">
@*<div class="nei2 animation"></div>*@
<div class="wai animation mapCicle"></div>
</div>
<div class="yuan6">
<div class="wai2 animation mapCicle"></div>
</div>
<div class="yuan7">
<div class="wai animation mapCicle"></div>
</div>
<div class="yuan8">
<div class="wai2 animation mapCicle"></div>
</div>
<div class="yuan9">
<div class="wai animation mapCicle"></div>
</div>
<p class="tit tit_map text-center">
<span><img src="~/img/tit_map.png"></span>
<span class="dituTit">全国覆盖范围地图</span>
</p>
<p class="text-center map"><img src="~/img/map.png" class="d5"></p>
<div class="row lianjie">
<div class="col-lg-5 text-right">
今日IP连接数：
</div>
<div class="col-lg-7 text-left">
<div class="num">
<div class="item"></div>
</div>
</div>
</div>
</div>
<!-- use -->
<div class="container-fluid use">
<img src="~/img/tit_use.png" class="dailiImg">
<div class="useBg">
<img src="~/img/use.png">
<p class="useTit">这些人正在使用IP代理</p>
<div class="useBg" style="background:#39516b;">
<img src="~/img/use.png" style="opacity: 0;">
<p class="useTit" style="color: #0777ff;">这些人正在使用IP代理</p>
</div>
<div class="d_use">
<div class="d_use" style="background:#39516b;">
<img src="~/img/d_use.png">
</div>
</div>
<!-- news -->
<div class="container newsArea">
<p class="tit tit_news text-center">
<span><img src="~/img/tit_news.png"></span>
<span class="helpTit">教程&咨询</span>
</p>
<div class="d6">
<!-- Nav tabs -->
<ul class="nav nav-tabs newsList" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><img src="~/img/tab1.png">聚IP头条</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"> <img src="~/img/tab2.png">优惠活动</a></li>
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"><img src="~/img/tab3.png">常见问题</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"><img src="~/img/tab4.png">新手教程</a></li>
<li class="pull-right more" role="presentation"><a asp-action="index" asp-controller="article" aria-controls="settings" role="tab"><img src="~/img/more.png"></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content listcon">
<div role="tabpanel" class="tab-pane active" id="home">
<ul class="xinwen">
@foreach (var item in articleNews)
{
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="profile">
<ul class="xinwen">
@foreach (var item in activityNews)
{
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="messages">
<ul class="xinwen">
@foreach (var item in QANews)
{
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
}
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="settings">
<ul class="xinwen">
@foreach (var item in helpsNews)
{
<li><a asp-action="info" asp-controller="article" asp-route-id="@item.Id"><span>@item.CreateTime.ToString("yyyy.MM.dd")</span>@item.Title</a></li>
}
</ul>
</div>
</div>
</div>
</div>
<hr style="color: white;padding:0;margin:0;">
<!-- footer -->
<div class="container-fluid footer">
<div class="container">
@@ -668,7 +567,7 @@
<div style="font-size: 15px;">
@* <div><a style="cursor:pointer;float:right;" onclick="know()">关闭</a></div> *@
<h3 style="margin-top: 0px;margin-left:10%;text-align:center;width:80%;margin-bottom: 10px;color:red;background-color:#FFFF00;">公告</h3>
<h3 style="margin-top: 0px;margin-left:10%;text-align:center;width:80%;margin-bottom: 10px;color:red;">公告</h3>
<div style="color: red;text-align:center;">
<p>杜绝电信诈骗及任何违法行为</p>
<p>所有IP产品已记录日志,均保留6个月以上</p>

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

@@ -674,7 +674,7 @@
$("#pkg71").show();
$("#pkg1022").show();
$("#pkg1023").show();
for (var i=1033;i<1046;i++){
for (var i=1034;i<1046;i++){
$("#pkg"+i).hide();
}
}

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

@@ -88,7 +88,7 @@
</div>
<div class="item">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E9%80%9A%E7%94%A8%E5%8A%A8%E6%80%81IP%E7%99%BB%E5%BD%95%E5%99%A8.rar"> <button type="button" class="btn btn-sdefault" style="width: auto;">通用版电脑拨号器</button></a>
<a href="http://mp4.juip.com/vpnclient-x32.zip"> <button type="button" class="btn btn-sdefault" style="width: auto;">通用版电脑拨号器</button></a>
</div>
<p>免安装，下载后直接打开</p>
</div>
@@ -105,14 +105,14 @@
</div>
<div class="item" style="margin-bottom: 5px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%A5%BF%E7%93%9CIP%20-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: auto;">西瓜IP-电脑版</button></a>
<a href="http://mp4.juip.com/%E8%A5%BF%E7%93%9CIP%20-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: auto;">西瓜IP-电脑版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;">
<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: auto;">西瓜IP-安卓</button></a>
</div>
<div class="item" style="margin-bottom: 5px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%9E%81%E5%AE%A2IP%E4%BB%A3%E7%90%86%E7%89%88%203.5.rar"> <button type="button" class="btn btn-sdefault" style="width: auto;">极客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.rar"> <button type="button" class="btn btn-sdefault" style="width: auto;">极客IP-电脑版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;">
<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: auto;">极客IP-安卓</button></a>
@@ -132,15 +132,12 @@
<div class="item" style="margin-bottom: 5px;">
<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: auto;">火狐IP-安卓端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;">
<a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%98%9F%E6%98%9FIP%E7%94%B5%E8%84%91%E7%AB%AF-4.10%E4%BB%A3%E7%90%86%E7%89%88.rar"> <button type="button" class="btn btn-sdefault" style="width: auto;">星星IP-电脑端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;">
<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: auto;">蘑菇IP-电脑端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;">
<a href="http://client.syssuper.com:8000/soft/huohupubnet.exe"> <button type="button" class="btn btn-sdefault" style="width: auto;">火狐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-sdefault" style="width: auto;">火狐IP-电脑端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;">
@@ -148,7 +145,7 @@
</div>
<div class="item" style="margin-bottom: 5px;">
<a href="http://client.ipsoft365.com:8000/soft/yunniupubdtip.exe"> <button type="button" class="btn btn-sdefault" style="width: auto;">云牛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-sdefault" style="width: auto;">云牛IP-电脑端</button></a>
</div>
<div class="item" style="margin-bottom: 5px;">

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

@@ -26,6 +26,25 @@
$(".mask").show();
$('.real-name').show();
}
var myManagerUrl = '';//qiqi
switch (@Model.UserModel.ManagerId) {
case 1013:
myManagerUrl = 'https://work.weixin.qq.com/u/vc887a78c8a042ee8e?v=4.1.8.133653';
break;
case 1028:
myManagerUrl = 'https://work.weixin.qq.com/u/vc83c509032e079ac3?v=4.1.8.23932';
break;
case 1017:
myManagerUrl = 'https://work.weixin.qq.com/u/vc7e4f48bc9e52e3d0?v=4.1.8.133653';
break;
default:
myManagerUrl = '';
}
new QRCode(document.getElementById("myManager"), {
text: myManagerUrl,
width : 70,
height : 70
});
})
</script>
<style>
@@ -447,9 +466,12 @@
}
</p>
<div class="row">
@if(Model.UserModel.agent_id==0 && Model.UserModel.is_agent == 0){
<div class="col-lg-4 text-center" style="padding-top: 20px;">
<img src="~/img/bandPhone.png">
<p style="font-size: 0.7em;">扫二维码联系<br>我的客户经理</p>
<div id="myManager"></div>
</div>
}
<div class="col-lg-8 xinxi">
<div class="item">
手机号/用户名：

23
Host/wwwroot/css/base.css
View File

@@ -349,7 +349,7 @@ body {
position: absolute;
z-index: 2;
bottom: 0;
color: #000000;
color: #badcff;
display: block;
left: 0;
top: 100px;
@@ -447,7 +447,7 @@ body {
.titCard {
font-size: 24px;
font-weight: bold;
color: #3154a3;
color: #0777ff;
margin-top:20px;
}
@@ -528,15 +528,10 @@ body {
.btn-primary {
border-radius: 0px;
background: #406ebb;
background: #0777ff;
/* Old browsers */
background: -moz-linear-gradient(left, #406ebb 0%, #2f50a0 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #406ebb 0%, #2f50a0 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #406ebb 0%, #2f50a0 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#406ebb', endColorstr='#2f50a0', GradientType=1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0777ff', endColorstr='#2f50a0', GradientType=1);
/* IE6-9 */
}
@@ -566,7 +561,7 @@ body {
.imgYoushi {
position: absolute;
top: 250px;
top: 15em;
width: 100%;
}
@@ -581,9 +576,9 @@ body {
}
.footer {
background: #141f35;
background: #39516b;
padding-bottom: 40px;
border-bottom: 1px solid #343b43;
border-bottom: 1px solid #39516b;
}
.cp {
@@ -662,7 +657,7 @@ body {
.copyr {
padding: 20px 0;
background: #141f35;
background: #39516b;
color: #fff;
}
.copyr a {
@@ -2137,7 +2132,7 @@ input {
width:100%;
display: flex;
flex-direction: row;
background:url(../img/bg_buy.png) no-repeat;
background:#0777ff;
height:80px;
background-size:cover;
padding-top:30px;

BIN
Host/wwwroot/img/banner.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 727 KiB

After

Width:  |  Height:  |  Size: 414 KiB

BIN
Host/wwwroot/img/youshi.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 779 KiB

After

Width:  |  Height:  |  Size: 475 KiB