Files
juipnet/Host/Views.Mobile/Home/Index.cshtml
“wanyongkang” 20e8195812 首页活动
2021-01-15 19:34:58 +08:00

311 lines
13 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@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 = "_Layout";
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);
}
<style>
.swiper-container-youshi .swiper-slide-active{
background:rgba(0,0,0.8);
}
</style>
<div class="banner">
<div class="buttonList">
<div class="item">
<a asp-action="soft" asp-controller="product"> <button type="button" class="btnBlue">客户端下载</button></a>
</div>
<div class="item">
<a asp-action="index" asp-controller="linelist"> <button type="button" class="btnBlue">IP线路表</button></a>
</div>
<div class="item">
<a asp-action="index" asp-controller="product"> <button type="button" class="btnOrange">免费试用</button></a>
</div>
</div>
</div>
<div class="titProducts">
<p>PRODUCTS</p>
<p>产品介绍</p>
</div>
<div class="conProducts">
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
@foreach (var item in Model.Where(m => m.Sort != 1000))
{
<div class="swiper-slide">
<div class="productCard">
@*<div class="item">
<img src="@P(item.Image)" />
</div>*@
<div class="item pName">
@item.Name
</div>
<div class="item">
@item.Profile
</div>
<div class="item showLine">
<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="btnBlue">测试与购买</button></a>
</div>
</div>
</div>
}
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<div class="youshi">
<!-- Swiper -->
<div class="swiper-container-youshi">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(./m/img/youshi-bg.png)">
<div class="youshiList">
<div class="item">
<img src="~/m/img/y1.png">
</div>
<div class="item">
全网产品最多IP库最大
</div>
<div class="item">
旗下有强子IP老鹰IP先锋IP星星IP等十几种动态IP多产品组合畅享IP库翻倍可用IP超1亿
</div>
</div>
</div>
<div class="swiper-slide" style="background-image:url(./img/youshi-bg.png)">
<div class="youshiList">
<div class="item">
<img src="~/m/img/y2.png">
</div>
<div class="item">
全设备全协议支持
</div>
<div class="item">
支持安卓iOS电脑windowslinux等系统。支持IPL2TPSSTP等协议
</div>
</div>
</div>
<div class="swiper-slide" style="background-image:url(./img/youshi-bg.png)">
<div class="youshiList">
<div class="item">
<img src="~/m/img/y3.png">
</div>
<div class="item">
用户独享宽带
</div>
<div class="item">
一号一拨绝不超拨快速切换平均带宽6-10兆最高可达50兆
</div>
</div>
</div>
<div class="swiper-slide" style="background-image:url(./img/youshi-bg.png)">
<div class="youshiList">
<div class="item">
<img src="~/m/img/y4.png">
</div>
<div class="item">
价低质优,免费测试
</div>
<div class="item">
全自营机房一手资源,价低质优,量大可联系客服获取最低价
</div>
</div>
</div>
<div class="swiper-slide" style="background-image:url(./img/youshi-bg.png)">
<div class="youshiList">
<div class="item">
<img src="~/m/img/y5.png">
</div>
<div class="item">
专属产品定制
</div>
<div class="item">
支持定制独立服务器,可针对特定的项目需求定制专用产品
</div>
</div>
</div>
<div class="swiper-slide" style="background-image:url(./img/youshi-bg.png)">
<div class="youshiList">
<div class="item">
<img src="~/m/img/y6.png">
</div>
<div class="item">
专业的服务团队
</div>
<div class="item">
资深售前售后1对1指导7*24小时实时响应竭诚为您服务
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
<div class="map">
</div>
<div class="use">
</div>
<div class="titProducts">
<p>INFORMATION</p>
<p>教程&咨询</p>
</div>
<div class="newsList">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">聚IP头条</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">常见问题</a></li>
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">新手教程</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">优惠活动</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<ul class="news">
@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="news">
@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="news">
@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="news">
@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 class="qixia">
<p>旗下产品</p>
<ul>
@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="linkus" style="display: block;">
<div class="item">
<p>联系我们</p>
<p>企业电话400 800 9925</p>
<p>客服QQ800101003</p>
<p>客服微信-售前:</p>
<img width="300px" src="~/img/kf_sq.jpg"><br>
<p>客服微信-售后:</p>
<img width="300px" src="~/img/kf_sh.jpg">
<p>工作时间周一到周日8:00-24:00</p>
</div>
<div class="item">
<p>商务合作</p>
<p>电话/微信400 800 9925</p>
<p>QQ508095081</p>
</div>
</div>
<div class="ewm">
<p><img src="~/m/img/ewm.png"></p>
<p class="banquan">copyright 2020 聚IP JUIP.COM 版权所有</p>
</div>
<script type="text/javascript">
$('#myTabs a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
alert("聚IP重要通知\n1请勿相信外界谣言聚IP始终保持诚信经营对用户负责到底更不会出现跑路的情况\n212月10日-12月25日期间因为一些不可抗拒因素协助网安部门调查违法诈骗客户公司无人工客服在线给您造成不便敬请谅解为表达歉意因此公司特推出有史以来最大的折扣和赠送力度\n3并保证最低价买贵双倍退差价。同时聚IP将继续为您提供优质的服务\n4无人工值守期间极客IP大约一周无法使用其他产品都运行正常使用极客IP的客户可联系客服补时间。若因无人工客服给您造成影响可联系客服说明情况我们将根据情况给您适当的补偿\n5无人工值守期间自助开通续费均为正常仅个别账号开通失败我们将在1月20日之前把余额退还至您的账户请后续使用或提现");
</script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: false,
loopFillGroupWithBlank: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<script>
var swiper = new Swiper('.swiper-container-youshi', {
effect: 'coverflow',
grabCursor: true,
centeredSlides: true,
slidesPerView: 'auto',
coverflowEffect: {
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows: true,
},
pagination: {
el: '.swiper-pagination',
},
});
</script>