初始提交
This commit is contained in:
wanyongkang
303
Host/Views.Mobile/Home/Index.cshtml
Normal file
303
Host/Views.Mobile/Home/Index.cshtml
Normal file
@@ -0,0 +1,303 @@
|
||||
@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">PPTP线路表</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">
|
||||
旗下有强子PPTP，老鹰PPTP，先锋PPTP，星星PPTP等十几种动态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，电脑，windows，linux等系统。支持PPTP，L2TP，SSTP等协议
|
||||
</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">
|
||||
<div class="item">
|
||||
<p>联系我们</p>
|
||||
<p>企业电话：400 800 9925</p>
|
||||
<p>工作时间：周一到周日8:00-24:00</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<p>商务合作</p>
|
||||
<p>电话/微信：18039519517</p>
|
||||
<p>QQ：508095081</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')
|
||||
})
|
||||
</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>
|
||||
Reference in New Issue
Block a user