wyk/juipnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
bb426fcba9f4dccc0d1aab3d731596ef7d93a6b7
juipnet/Host/Views.Mobile/Home/Index.cshtml

353 lines
15 KiB
Plaintext
Raw Normal View History

初始提交
2020-10-07 20:25:03 +08:00
@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);
}
手机端公告
2021-02-17 12:01:06 +08:00
.notice {
position: fixed;
width: 90%;
height: auto;
left: 27%;
top: 27%;
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;
}
.notice p{
font-size: 25px;
}
初始提交
2020-10-07 20:25:03 +08:00
</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">
将pptp改为ip
2020-11-30 13:56:19 +08:00
<a asp-action="index" asp-controller="linelist"> <button type="button" class="btnBlue">IP线路表</button></a>
初始提交
2020-10-07 20:25:03 +08:00
</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改为ip
2020-11-30 13:56:19 +08:00
旗下有强子IP，老鹰IP，先锋IP，星星IP等十几种动态IP，多产品组合畅享IP库翻倍，可用IP超1亿
初始提交
2020-10-07 20:25:03 +08:00
</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">
将pptp改为ip
2020-11-30 13:56:19 +08:00
支持安卓，iOS，电脑，windows，linux等系统。支持IP，L2TP，SSTP等协议
初始提交
2020-10-07 20:25:03 +08:00
</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>
咨询
2020-11-28 17:42:16 +08:00
<p>教程&咨询</p>
初始提交
2020-10-07 20:25:03 +08:00
</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>
【手机端页面底部一大块白色的】 https://www.tapd.cn/39598945/prong/stories/view/1139598945001000120
2020-11-12 15:18:59 +08:00
<div class="linkus" style="display: block;">
初始提交
2020-10-07 20:25:03 +08:00
<div class="item">
<p>联系我们</p>
联系方式修改
2021-01-13 16:10:41 +08:00
<p>企业电话：400 800 9925</p>
<p>客服QQ：800101003</p>
<p>客服微信-售前：</p>
<img width="300px" src="~/img/kf_sq.jpg"><br>
<p>客服微信-售后：</p>
<img width="300px" src="~/img/kf_sh.jpg">
初始提交
2020-10-07 20:25:03 +08:00
<p>工作时间：周一到周日8:00-24:00</p>
</div>
<div class="item">
<p>商务合作</p>
联系方式修改
2021-01-13 16:10:41 +08:00
<p>电话/微信：400 800 9925</p>
初始提交
2020-10-07 20:25:03 +08:00
<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>
手机端公告
2021-02-17 12:01:06 +08:00
<div class="notice">
<div style="font-size: 15px;">
强子迅联公告
2021-03-05 17:28:56 +08:00
<h3 style="margin-top: 0px;margin-bottom: 10px;display:inline;color:red;">强子IP和讯连IP升级完成通知：线路表，电脑客户端，安卓app，账号，全部已经升级完毕，测试卡和天卡也已经恢复购买！使用电脑和安卓客户端请到软件下载页面下载最新版！若您还不能正常使用，请联系官方客服解决问题！<br>
此次升级后，也是为了让产品更加稳定，给您带来不便，敬请谅解！</h3><a style="cursor:pointer;display:inline;float:right;" onclick="know()">X</a>
更改首页公告
2021-02-20 15:24:39 +08:00
<p style="margin-top: 10px;">1.动态IP一毛钱一天，每用户限一次。</p>
更改首页公告
2021-02-20 15:10:22 +08:00
<p>2.月卡送一周，双月卡送一个月，季卡送两个月，部分产品参加。</p>
<p>3.新上蘑菇IP，西瓜IP，新上安卓APP。</p>
手机端公告
2021-02-17 12:01:06 +08:00
<p style="color: red;">祝各位用户万事顺利，生意兴隆，新年快乐！！</p>
</div>
<p >
<a style="margin-left: 200%;margin-top:20px;cursor:pointer;font-size:25px;" onclick="know()" type="button" class="btn btn-primary" >我知道了</a>
</p>
</div>
初始提交
2020-10-07 20:25:03 +08:00
<script type="text/javascript">
$('#myTabs a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
手机端公告
2021-02-17 12:01:06 +08:00
//var alert_info = "聚IP春节公告：\n1，春节不打烊，自助购买24小时正常运行，仅2月10日至2月18日人工在线时间为：早10点到晚22点，在此期间联系人工请尽量联系企业Q号，号码为800101003，其他联系方式可能回复不及时，紧急联系电话为4008009925转1号线。\n2，请勿相信外界谣言，聚IP始终保持诚信经营，对用户负责到底，更不会出现跑路的情况！\n3，12月10日-12月25日期间，公司无人工客服在线，给您造成不便，敬请谅解，为表达歉意，因此公司特推出动态IP 一毛钱一天，有史以来最大的折扣和赠送力度！\n4，并保证最低价，买贵双倍退差价。同时聚IP将继续为您提供优质的服务！\n5，无人工值守期间，极客IP大约一周无法使用，其他产品都运行正常，使用极客IP的客户可联系客服补时间。若使用除极客外的其他产品，因无人工客服给您造成影响，可联系客服说明情况，我们将根据情况给您适当的补偿！\n祝各位用户万事顺利，生意兴隆，新年快乐！！";
//alert(alert_info);
初始提交
2020-10-07 20:25:03 +08:00
</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',
},
});
手机端公告
2021-02-17 12:01:06 +08:00
function know() {
$('.notice').hide();
}
初始提交
2020-10-07 20:25:03 +08:00
</script>
Reference in New Issue Copy Permalink