866 lines
37 KiB
Plaintext
866 lines
37 KiB
Plaintext
@model List<ProductModel>
|
||
@using Hncore.Pass.BaseInfo.Response
|
||
@using Hncore.Infrastructure.Serializer
|
||
@using Hncore.Pass.Vpn.Service
|
||
@using Hncore.Pass.Vpn.Domain
|
||
@using Microsoft.Extensions.Configuration
|
||
@inject ArticleService m_ArticleService
|
||
@inject IConfiguration m_Configuration
|
||
@{
|
||
ViewData["Title"] = "聚IP JUIP.COM-千万动态ip切换，自建机房ip代理覆盖全国，多款市面热销产品";
|
||
Layout = null;
|
||
|
||
UserLoginModel user = null;
|
||
if (this.Context.Request.Cookies.TryGetValue("userInfo", out string userCookie))
|
||
{
|
||
user = userCookie.FromJsonTo<UserLoginModel>();
|
||
}
|
||
|
||
var articleNews = await m_ArticleService.GetTop(12, ArticleCatalog.Top);
|
||
var activityNews = await m_ArticleService.GetTop(12, ArticleCatalog.Activity);
|
||
var helpsNews = await m_ArticleService.GetTop(12, ArticleCatalog.Help);
|
||
var QANews = await m_ArticleService.GetTop(12, ArticleCatalog.QA);
|
||
var baseUrl = m_Configuration["BaseInfoUrl"];
|
||
Func<string, string> P = (path) => $"{baseUrl}{path}";
|
||
//var epoch = (DateTime.Now.ToUniversalTime().Ticks - 621355968000000000)/10000000;
|
||
|
||
//var countStr = epoch.ToString().Substring(0, 8);
|
||
}
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>聚IP JUIP.COM-千万动态ip切换，自建机房ip代理覆盖全国，多款市面热销产品</title>
|
||
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
|
||
<link rel="stylesheet" type="text/css" href="css/base.css" />
|
||
<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
|
||
<link rel="stylesheet" type="text/css" href="css/flash.css" />
|
||
<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
|
||
<link rel="Shortcut Icon" href="/img/favicon.ico" type="image/x-icon" />
|
||
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function () {
|
||
// 注册登录弹窗开始
|
||
|
||
$(".regLink").click(function () {
|
||
$(".main").hide();
|
||
$(".main_reg").show();
|
||
});
|
||
$(".loginLink").click(function () {
|
||
$(".main_reg").hide();
|
||
$(".main_find").hide();
|
||
$(".main").show();
|
||
});
|
||
|
||
$(".findLink").click(function () {
|
||
$(".main").hide();
|
||
$(".main_find").show();
|
||
});
|
||
|
||
$(".login").click(function () {
|
||
$(".mask").show();
|
||
$(".main").show();
|
||
$(".main").addClass("animated bounceInDown");
|
||
});
|
||
$(".reg").click(function () {
|
||
$(".mask").show();
|
||
$(".main_reg").show();
|
||
$(".main_reg").addClass("animated bounceInDown");
|
||
});
|
||
|
||
$(".btnClose").click(function () {
|
||
$(".main").addClass("animated bounceOutDown");
|
||
$(".mask").hide();
|
||
$(".main_find").hide();
|
||
setTimeout(function () {
|
||
$(".main").removeClass("animated bounceOutDown");
|
||
$(".main").hide();
|
||
}, 1000)
|
||
});
|
||
$(".regClose").click(function () {
|
||
$(".main_reg").addClass("animated bounceOutDown");
|
||
$(".mask").hide();
|
||
setTimeout(function () {
|
||
$(".main_reg").removeClass("animated bounceOutDown");
|
||
$(".main_reg").hide();
|
||
}, 1000)
|
||
});
|
||
// 新闻选项卡
|
||
$("#myTab a").click(function (e) {
|
||
e.preventDefault();
|
||
$(this).tab('show');
|
||
|
||
});
|
||
// 侧边栏
|
||
//$(".on_q").click(function () {
|
||
// $(".side_q").toggle();
|
||
//});
|
||
|
||
$(".item_on_q").mouseover(function () {
|
||
$(".side_q").stop().fadeIn();
|
||
});
|
||
$(".item_on_q").mouseleave(function () {
|
||
$(".side_q").stop().fadeOut();
|
||
});
|
||
|
||
//$(".on_wx").click(function () {
|
||
// $(".side_kefu").toggle();
|
||
//});
|
||
|
||
$(".item_on_wx").mouseover(function () {
|
||
$(".side_kefu").stop().fadeIn();
|
||
});
|
||
$(".item_on_wx").mouseleave(function () {
|
||
$(".side_kefu").stop().fadeOut();
|
||
});
|
||
|
||
$(".on_gzh").mouseover(function () {
|
||
$(".side_gzh").stop().fadeIn();
|
||
});
|
||
$(".on_gzh").mouseleave(function () {
|
||
$(".side_gzh").stop().fadeOut();
|
||
});
|
||
|
||
$(".on_tel").mouseover(function () {
|
||
$(".side_tel").stop().fadeIn();
|
||
});
|
||
$(".on_tel").mouseleave(function () {
|
||
$(".side_tel").stop().fadeOut();
|
||
});
|
||
|
||
// 动画
|
||
$(".d1").show();
|
||
$(".d1").addClass("animated slideInDown");
|
||
$(".threeButton").show();
|
||
$(".threeButton").addClass("animated slideInUp");
|
||
|
||
$(window).scroll(function () {
|
||
var topp = $(document).scrollTop();
|
||
|
||
if (topp > 800) {
|
||
$(".d3").show();
|
||
$(".d3").addClass("animated slideInLeft");
|
||
$(".d4").show();
|
||
$(".d4").addClass("animated slideInRight");
|
||
}
|
||
if (topp > 400) {
|
||
$(".d2").show();
|
||
$(".d2").addClass("animated slideInUp");
|
||
|
||
}
|
||
if (topp > 1600) {
|
||
$(".d5").show();
|
||
$(".d5").addClass("animated bounceInDown");
|
||
}
|
||
if (topp > 2600) {
|
||
$(".d_use").show();
|
||
$(".d_use").addClass("animated flipInX");
|
||
}
|
||
if (topp > 3200) {
|
||
$(".d6").show();
|
||
$(".d6").addClass("animated slideInRight");
|
||
}
|
||
})
|
||
|
||
})
|
||
</script>
|
||
|
||
<style>
|
||
.notice {
|
||
position: fixed;
|
||
width: 500px;
|
||
height: auto;
|
||
left: 50%;
|
||
top: 39%;
|
||
margin-left: -200px;
|
||
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;
|
||
padding: 30px;
|
||
z-index: 10000000;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body id="top">
|
||
<!-- register -->
|
||
<div class="mask"></div>
|
||
<div class="main_reg" id="regBox" style="height: 580px">
|
||
<img src="~/img/close.png" class="regClose">
|
||
<div class="logoLogin">
|
||
<img src="~/img/logoBlue.png">
|
||
</div>
|
||
<div class="award">
|
||
<img src="~/img/award.png">
|
||
</div>
|
||
<div class="user">
|
||
<img src="~/img/phone.png"><input type="text" name="" id="username" value="" placeholder="请输入手机号码" />
|
||
</div>
|
||
<div class="pwd">
|
||
<img src="~/img/password.png"><input type="password" name="" id="password" value="" placeholder="请输入密码" />
|
||
</div>
|
||
<div class="yzm">
|
||
<img src="~/img/yanzhengma.png"><input type="text" name="" id="yanzhengma" value="" placeholder="请输入验证码" /><button class="btn btn-primary" onclick="getCode(this)">获取验证码</button>
|
||
</div>
|
||
<div class="user">
|
||
<img src="~/img/phone.png"><input type="text" name="" id="wxhao" value="" placeholder="请输入微信号" />
|
||
</div>
|
||
<div class="user">
|
||
<img src="~/img/phone.png"><input type="text" name="" id="qqhao" value="" placeholder="请输入QQ" />
|
||
</div>
|
||
|
||
<p class="tixing">*手机号不是IP账号，请登录后开通IP账号*</p>
|
||
<p class="tixing"><input type="checkbox" name="" id="xieyi" value="" />我同意<a href="/LineList/xieyi" target="_blank">《聚IP JUIP.COM用户注册协议》</a></p>
|
||
<p class="denglu"><button type="button" class="btn btn-login" onclick="reg()">注册</button></p>
|
||
<p class="zhiyin grayText">已有账号？<a href="#" class="loginLink">立即登录</a></p>
|
||
</div>
|
||
<!-- login -->
|
||
<div class="mask"></div>
|
||
<div class="main" id="loginBox">
|
||
<img src="~/img/close.png" class="btnClose">
|
||
<div class="logoLogin">
|
||
<img src="~/img/logoBlue.png">
|
||
</div>
|
||
<div class="award">
|
||
<img src="~/img/award.png">
|
||
</div>
|
||
<div class="user">
|
||
<img src="~/img/user.png"><input type="text" name="" id="rLogin_Name" value="" placeholder="淘宝名/会员手机号码" />
|
||
</div>
|
||
<div class="pwd">
|
||
<img src="~/img/password.png"><input type="password" name="" id="rLogin_Pwd" value="" placeholder="请输入密码" />
|
||
</div>
|
||
<div class="fuzhu">
|
||
@*<div class="item">
|
||
<input type="checkbox" name="" id="" value="" />自动登录
|
||
</div>*@
|
||
<div class="item">
|
||
<a href="#" class="grayText findLink">忘记密码？</a>
|
||
</div>
|
||
</div>
|
||
<p class="tixing">*手机号不是IP账号，请登录后开通IP账号*</p>
|
||
<p class="denglu"><button type="button" class="btn btn-login" onclick="login()">登录</button></p>
|
||
<p class="zhiyin grayText">还没有账号？<a href="#" class="regLink">立即注册</a></p>
|
||
</div>
|
||
|
||
<!-- findpwd -->
|
||
<div class="mask"></div>
|
||
<div class="main_find" id="FindBox">
|
||
<img src="~/img/close.png" class="regClose">
|
||
<div class="logoLogin">
|
||
<img src="~/img/logoBlue.png">
|
||
</div>
|
||
<div class="award">
|
||
<img src="~/img/award.png">
|
||
</div>
|
||
<div class="user">
|
||
<img src="~/img/phone.png"><input type="text" id="fusername" value="" placeholder="请输入手机号码" />
|
||
</div>
|
||
<div class="pwd">
|
||
<img src="~/img/password.png"><input type="password" id="fpassword" value="" placeholder="请输入新密码" />
|
||
</div>
|
||
<div class="yzm">
|
||
<img src="~/img/yanzhengma.png"><input type="text" id="fyanzhengma" value="" placeholder="请输入验证码" /><button class="btn btn-primary" onclick="getFindCode(this)">获取验证码</button>
|
||
</div>
|
||
|
||
<p class="tixing">*手机号不是IP账号，请登录后开通IP账号*</p>
|
||
<p class="denglu"><button type="button" class="btn btn-reset">重置</button></p>
|
||
<p class="zhiyin grayText">已有账号？<a href="#" class="loginLink">立即登录</a></p>
|
||
</div>
|
||
|
||
|
||
<!-- sideBar -->
|
||
<div class="sideBar">
|
||
|
||
<div class="item item_on_q">
|
||
|
||
<img src="~/img/qq.png" class="on_q"> <div class="kefu_tit">QQ</div>
|
||
|
||
<div class="side_q">
|
||
<h4 style="border-bottom:1px solid #ccc;text-align:center;width:100%;padding:5px;">实时响应 在线时间8:00-24:00</h4>
|
||
<div class="item">
|
||
<a href="https://admin.qidian.qq.com/template/blue/mp/menu/qr-code-jump.html?linkType=0&env=ol&kfuin=2852138148&fid=299&key=f377ec024ca45115a03a7632c7bda230&cate=1&source=&isLBS=&isCustomEntry=&type=16&ftype=1&_type=wpa&qidian=true" target="_blank">
|
||
<div class="ileft">
|
||
<img src="~/img/q.png">
|
||
</div>
|
||
<div class="iright">
|
||
<span>人工客服:售前</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="item">
|
||
<a href="https://admin.qidian.qq.com/template/blue/mp/menu/qr-code-jump.html?linkType=0&env=ol&kfuin=2852138148&fid=299&key=f377ec024ca45115a03a7632c7bda230&cate=1&source=&isLBS=&isCustomEntry=&type=16&ftype=1&_type=wpa&qidian=true" target="_blank">
|
||
<div class="ileft">
|
||
<img src="~/img/q.png">
|
||
</div>
|
||
<div class="iright">
|
||
<span>人工客服:售后</span>
|
||
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item item_on_wx">
|
||
<img src="~/img/weixin.png" class="on_wx"><div class="kefu_tit">微信</div>
|
||
<div class="side_kefu">
|
||
<ul class="nav nav-tabs" role="tablist" style="padding-top: 10px;padding-left:10px">
|
||
<li role="presentation" class="active"><a href="#xx" aria-controls="xx" role="tab" data-toggle="tab" style="border-color:#ccc">售前</a></li>
|
||
<li role="presentation"><a href="#qq" aria-controls="qq" role="tab" data-toggle="tab" style="border-color:#ccc">售后</a></li>
|
||
@*<li role="presentation"><a href="#ss" aria-controls="ss" role="tab" data-toggle="tab" style="border-color:#ccc">珊珊</a></li>
|
||
<li role="presentation"><a href="#tt" aria-controls="tt" role="tab" data-toggle="tab" style="border-color:#ccc">兔兔</a></li>*@
|
||
</ul>
|
||
|
||
<div class="tab-content" style="margin-top: 60px;">
|
||
<div role="tabpanel" class="tab-pane active" id="xx">
|
||
<img src="~/img/kf_sq.jpg">
|
||
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
|
||
</div>
|
||
<div role="tabpanel" class="tab-pane" id="qq">
|
||
<img src="~/img/kf_sh.jpg">
|
||
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
|
||
</div>
|
||
@*<div role="tabpanel" class="tab-pane" id="ss">
|
||
<img src="~/img/w3.png">
|
||
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
|
||
</div>
|
||
<div role="tabpanel" class="tab-pane" id="tt">
|
||
<img src="~/img/w4.png">
|
||
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
|
||
</div>*@
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<img src="~/img/gzh.png" class="on_gzh"><div class="kefu_tit">公众号</div>
|
||
<div class="side_gzh">
|
||
<p><img src="~/img/ewm.png"></p>
|
||
<p style="color:#f90">实时响应 在线时间 8:00-24:00</p>
|
||
<p style="color:#f90">关注公众号可获取免费的到期提醒服务</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="item">
|
||
<img src="~/img/tel.png" class="on_tel"><div class="kefu_tit">电话</div>
|
||
<div class="side_tel">
|
||
<p><b>400 800 9925</b></p>
|
||
<p>实时接通</p>
|
||
<p>电话值班时间 8:00-24:00</p>
|
||
</div>
|
||
</div>
|
||
<div class="item">
|
||
<a href="#top"><img src="~/img/top.png"></a>
|
||
</div>
|
||
</div>
|
||
<!-- banner&nav -->
|
||
<div class="container-fluid banner" id="top">
|
||
<div class="bg">
|
||
<img src="~/img/banner.png">
|
||
</div>
|
||
<div class="container d1">
|
||
<img src="~/img/d1.png">
|
||
</div>
|
||
<div class="container-fluid nav">
|
||
<div class="row">
|
||
<div class="col-lg-2 col-md-2 logo">
|
||
<a href="#"><img src="~/img/logo.png"></a>
|
||
</div>
|
||
<div class="col-lg-10 col-md-10">
|
||
<ul class="navList pull-right">
|
||
<li><a href="/">首页</a></li>
|
||
<li><a href="/product/index">产品购买 <span style="color: red;">活动</span></li>
|
||
<li><a href="/LineList/index">IP线路表</a></li>
|
||
<li><a href="/product/soft">软件下载</a></li>
|
||
<li><a href="/article/index">教程&咨询</a></li>
|
||
<li><a href="/article/taobao">淘宝充值活动</a></li>
|
||
<li>
|
||
@if (user == null)
|
||
{
|
||
<button type="button" class="btn btn-primary reg">注册</button>
|
||
<button type="button" class="btn btn-primary login">登录</button>
|
||
}
|
||
else
|
||
{
|
||
<img src="/img/account.png" onmouseover="$('.exitBox').show()">
|
||
<div class="exitBox" onmouseleave="$('.exitBox').hide()">
|
||
<div class="item">
|
||
<a asp-action="index" asp-controller="user">个人中心</a>
|
||
</div>
|
||
<div class="item">
|
||
<a asp-action="LoginOut" asp-controller="user">退出登录</a>
|
||
</div>
|
||
</div>
|
||
}
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container threeButton">
|
||
<div class="col-lg-4">
|
||
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="row">
|
||
<div class="col-lg-4 text-right">
|
||
<a asp-action="soft" asp-controller="product"> <button type="button" class="btn btn-primary">客户端下载</button></a>
|
||
</div>
|
||
<div class="col-lg-4 text-center">
|
||
<a asp-action="index" asp-controller="linelist"> <button type="button" class="btn btn-primary">IP线路表</button></a>
|
||
</div>
|
||
<div class="col-lg-4 text-left">
|
||
<a asp-action="index" asp-controller="product"> <button type="button" class="btn btn-danger">免费试用</button></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- products -->
|
||
<div class="container-fluid pro">
|
||
<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>
|
||
<div class="container-fluid d2">
|
||
<ul class="newProduct">
|
||
@foreach (var item in Model.Where(m => m.Sort != 1000).OrderBy(m => m.Sort))
|
||
{
|
||
<li>
|
||
|
||
@*<p><img src="@P(item.Image)"></p>*@
|
||
<p class="titCard">@item.Name</p>
|
||
<p class="jieshao">@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">
|
||
<a asp-action="index" asp-controller="product" asp-route-id="@item.Id">
|
||
<button type="button" class="btn btn-primary btn-warning">
|
||
测试与购买
|
||
</button>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</li>
|
||
}
|
||
</ul>
|
||
</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>
|
||
<div class="col-lg-6 text-center">
|
||
<img src="~/img/youshiR.png" class="d4">
|
||
</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>
|
||
<div class="d_use">
|
||
<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>
|
||
<!-- footer -->
|
||
<div class="container-fluid footer">
|
||
<div class="container">
|
||
<div class="col-lg-3 text-left">
|
||
<p class="cpTit">旗下产品</p>
|
||
<ul class="cp">
|
||
@foreach (var item in Model.Where(m => m.Sort != 1000))
|
||
{
|
||
<li><a asp-action="index" asp-controller="product" asp-route-id="@item.Id">@item.Name</a></li>
|
||
}
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-3">
|
||
<p class="cpTit">联系我们</p>
|
||
<ul class="cp">
|
||
<li>公司电话：400 800 9925</li>
|
||
<li>客服QQ：800101003</li>
|
||
<li>客服微信-售前：</li><br>
|
||
<img width="100px" src="~/img/kf_sq.jpg"><br>
|
||
<li>客服微信-售后：</li><br>
|
||
<img width="100px" src="~/img/kf_sh.jpg">
|
||
<li>工作时间： 8:00-24:00</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-3">
|
||
<p class="cpTit">商务合作</p>
|
||
<ul class="cp">
|
||
<li>电话/微信：400 800 9925</li>
|
||
<li>QQ：508095081</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-3 text-right">
|
||
<p class="cpTit">公众号</p>
|
||
<p class="ewm"><img src="~/img/ewm.png"></p>
|
||
<p class="sao">关注公众号即可获取</p>
|
||
<p class="sao">免费的到期提醒服务</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- copyright -->
|
||
<div class="container-fluid copyr">
|
||
<div class="container text-center">
|
||
<p>
|
||
聚IP仅提供IP服务，用户使用聚IP从事的任何行为均不代表聚IP的意志和观点，与聚IP的立场无关。严禁用户使用聚IP从事任何违法犯罪行为，
|
||
产生的相关责任用户自负，对此聚IP不承担任何法律责任。
|
||
</p>
|
||
<p>
|
||
版权所有 河南华连网络科技有限公司｜<a href="http://www.beian.miit.gov.cn" target="_blank">豫ICP备17004061号-15</a>｜增值电信业务经营许可证：B1-20190663
|
||
</p>
|
||
<p class="logoD_"><img src="~/img/logogD.png"><a target="cyxyv" href="https://v.yunaq.com/certificate?domain=www.juip.com&from=label&code=90020"> <img src="https://aqyzmedia.yunaq.com/labels/label_sm_90020.png" style="width:70px;height:25px;"></a></p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="notice">
|
||
|
||
|
||
<div style="font-size: 15px;">
|
||
<h3 style="margin-top: 0px;margin-bottom: 10px;display:inline;color:red;">聚IP春节公告：</h3><a style="cursor:pointer;display:inline;float:right;" onclick="know()">X</a>
|
||
<p style="margin-top: 10px;color:red;">1.动态IP一毛钱一天，每用户限一次。</p>
|
||
<p>2.月卡送一周，双月卡送一个月，季卡送两个月，部分产品参加。</p>
|
||
<p>3.新上蘑菇IP，西瓜IP，新上安卓APP。</p>
|
||
<p style="color: red;">祝各位用户万事顺利，生意兴隆，新年快乐！！</p>
|
||
</div>
|
||
|
||
<p >
|
||
<a style="margin-left: 50%;cursor:pointer;float:left;" href="http://www.juip.com/product/index" type="button" class="btn btn-primary" >查看活动</a>
|
||
<a style="margin-left: 150%;margin-top: -20%;cursor:pointer;float:left;" href="https://admin.qidian.qq.com/template/blue/mp/menu/qr-code-jump.html?linkType=0&env=ol&kfuin=2852138148&fid=299&key=f377ec024ca45115a03a7632c7bda230&cate=1&source=&isLBS=&isCustomEntry=&type=16&ftype=1&_type=wpa&qidian=true&_pid=l1gunh.657dox.kjy6xnny" type="button" class="btn btn-danger quxiao" >联系客服</a>
|
||
</p>
|
||
</div>
|
||
|
||
|
||
|
||
<script>
|
||
var swiper = new Swiper('.swiper-container', {
|
||
slidesPerView: 6,
|
||
spaceBetween: 36,
|
||
slidesPerGroup: 4,
|
||
loop: false,
|
||
loopFillGroupWithBlank: true,
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
clickable: true,
|
||
},
|
||
navigation: {
|
||
nextEl: '.swiper-button-next',
|
||
prevEl: '.swiper-button-prev',
|
||
},
|
||
});
|
||
</script>
|
||
<script>
|
||
function know() {
|
||
$('.notice').hide();
|
||
}
|
||
function login() {
|
||
var name = $("#rLogin_Name").val()
|
||
var pwd = $("#rLogin_Pwd").val()
|
||
var data = { Logincode: name, Password: pwd, Code: 1 };
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: '/user/login',
|
||
contentType: "application/json",
|
||
data: JSON.stringify(data),
|
||
success: function (res) {
|
||
console.log(res);
|
||
if (res.Code == 10000) {
|
||
window.location.reload();
|
||
} else {
|
||
alert(res.Message)
|
||
}
|
||
}
|
||
});
|
||
}
|
||
var time = 60;
|
||
function getCode(_self) {
|
||
if (!timing(_self)) return;
|
||
var name = $("#username").val()
|
||
var url = '/user/SendPhoneCode?key=User_Code&phone=' + name;
|
||
var timerHandler;
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: url,
|
||
success: function (res) {
|
||
alert(res.Message)
|
||
}
|
||
});
|
||
}
|
||
function getFindCode(_self) {
|
||
if (!timing(_self)) return;
|
||
var name = $("#fusername").val()
|
||
var url = '/user/SendPhoneCode?key=FindUser_Code&phone=' + name;
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: url,
|
||
success: function (res) {
|
||
alert(res.Message)
|
||
}
|
||
});
|
||
}
|
||
function timing(_self) {
|
||
if (time != 60) return false
|
||
var timerHandler = setInterval(function () {
|
||
time--;
|
||
if (time <= 1) {
|
||
clearInterval(timerHandler);
|
||
time = 60;
|
||
$(_self).text("获取验证码")
|
||
} else {
|
||
$(_self).text(time + "s");
|
||
}
|
||
|
||
}, 1000)
|
||
return true;
|
||
}
|
||
function reg() {
|
||
if(!$("input[type='checkbox']").is(':checked')){
|
||
alert('请认真阅读用户注册协议后勾选 我同意 方可注册！');
|
||
return;
|
||
}
|
||
var name = $("#username").val()
|
||
var pwd = $("#password").val()
|
||
var code = $("#yanzhengma").val()
|
||
var wx = $("#wxhao").val()
|
||
var qq = $("#qqhao").val()
|
||
var data = { Phone: name, Pwd: pwd, Code: code,Wx:wx,QQ:qq };
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: '/user/Regist',
|
||
contentType: "application/json",
|
||
data: JSON.stringify(data),
|
||
success: function (res) {
|
||
console.log(res);
|
||
if (res.Code == 10000) {
|
||
window.location.reload();
|
||
} else {
|
||
alert(res.Message)
|
||
}
|
||
}
|
||
});
|
||
}
|
||
function reset() {
|
||
var name = $("#fusername").val()
|
||
var pwd = $("#fpassword").val()
|
||
var code = $("#fyanzhengma").val()
|
||
if (name == '') { alert('手机号不能为空'); return; }
|
||
if (code == '') { alert('验证码不能为空'); return; }
|
||
var data = { Phone: name, Pwd: pwd, Code: code };
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: '/user/FindPwd',
|
||
contentType: "application/json",
|
||
data: JSON.stringify(data),
|
||
success: function (res) {
|
||
console.log(res);
|
||
if (res.Code == 10000) {
|
||
alert("重置成功,请登录");
|
||
} else {
|
||
alert(res.Message)
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
$(function () {
|
||
$("#loginBox").bind("keydown", function (e) {
|
||
var theEvent = e || window.event;
|
||
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
|
||
if (code == 13) {
|
||
login();
|
||
}
|
||
});
|
||
$("#regBox").bind("keydown", function (e) {
|
||
var theEvent = e || window.event;
|
||
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
|
||
if (code == 13) {
|
||
reg();
|
||
}
|
||
});
|
||
$(".btn-reset").click(function () {
|
||
reset();
|
||
})
|
||
function changeIpcount() {
|
||
var items = [];
|
||
for (var i = 1; i <= 8; i++) {
|
||
var item = [];
|
||
var count = i;
|
||
if (i > 2)
|
||
count = Math.floor(Math.random() * 10)
|
||
item.push("<div class='item'>");
|
||
item.push(count);
|
||
item.push(" </div>");
|
||
items.push(item.join(""));
|
||
}
|
||
$(".num").html(items);
|
||
}
|
||
changeIpcount();
|
||
setInterval(changeIpcount, 5000);
|
||
})
|
||
</script>
|
||
<!-- WPA start -->
|
||
<script id="qd28521381485d6faa97edf5ad07d7e159f6cb902af0" src="https://wp.qiye.qq.com/qidian/2852138148/5d6faa97edf5ad07d7e159f6cb902af0" charset="utf-8" async defer></script>
|
||
<!-- WPA end -->
|
||
</body>
|
||
</html>
|