手机端页面修改
This commit is contained in:
“wanyongkang”
@@ -36,14 +36,12 @@
|
||||
position: fixed;
|
||||
width: 90%;
|
||||
height: auto;
|
||||
left: 27%;
|
||||
left: 30%;
|
||||
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;
|
||||
@@ -90,7 +88,12 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div class="banner">
|
||||
<div class="banner text-center" style="color:white;">
|
||||
<div style="padding:2em;line-height:2em;">
|
||||
<p style="font-size:2em;">聚集优质IP产品 尽在聚IP</p>
|
||||
<p style="font-size:1em;">覆盖500+城市，超2000个服务器，亿量级IP</p>
|
||||
<p style="font-size:1em;">旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等十几种优质动态、静态、单窗口等IP产品</p>
|
||||
</div>
|
||||
<div class="buttonList">
|
||||
<div class="item">
|
||||
<a asp-action="soft" asp-controller="product"> <button type="button" class="btnBlue">客户端下载</button></a>
|
||||
@@ -104,47 +107,10 @@
|
||||
</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">
|
||||
<h3 class="text-center" style="padding-bottom:1em;color:white;font-size:2em;">聚IP优势</h3>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide" style="background-image:url(./m/img/youshi-bg.png)">
|
||||
<div class="youshiList">
|
||||
@@ -155,7 +121,7 @@
|
||||
全网产品最多IP库最大
|
||||
</div>
|
||||
<div class="item">
|
||||
旗下有强子IP，老鹰IP，先锋IP，星星IP等十几种动态IP，多产品组合畅享IP库翻倍，可用IP超1亿
|
||||
旗下有蘑菇、老鹰、云牛、西瓜、天天、强子、讯连、极客、无极、火狐等十几种优质动态、静态、单窗口等IP产品,多产品组合畅享ip翻倍，可用ip超1亿个
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -168,7 +134,7 @@
|
||||
全设备全协议支持
|
||||
</div>
|
||||
<div class="item">
|
||||
支持安卓，iOS，电脑，windows，linux等系统。支持IP，L2TP，SSTP等协议
|
||||
支持安卓、IOS、MAC、windows、Linux、软路由、模拟器、虚拟机等，支持PPTP、L2TP、SSTP等协议
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -181,7 +147,7 @@
|
||||
用户独享宽带
|
||||
</div>
|
||||
<div class="item">
|
||||
一号一拨绝不超拨，快速切换平均带宽6-10兆，最高可达50兆
|
||||
一号一拨绝不超拨、快速切换平均带宽6-10兆，最高可达百兆
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -191,10 +157,10 @@
|
||||
<img src="~/m/img/y4.png">
|
||||
</div>
|
||||
<div class="item">
|
||||
价低质优，免费测试
|
||||
价低质优、免费测试
|
||||
</div>
|
||||
<div class="item">
|
||||
全自营机房一手资源，价低质优，量大可联系客服获取最低价
|
||||
全自营机房一手资源、价低质优、量大可联系客服获取最低价
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -204,10 +170,10 @@
|
||||
<img src="~/m/img/y5.png">
|
||||
</div>
|
||||
<div class="item">
|
||||
专属产品定制
|
||||
专属化产品定制
|
||||
</div>
|
||||
<div class="item">
|
||||
支持定制独立服务器，可针对特定的项目需求定制专用产品
|
||||
支持定制独立服务器、可根据项目需求定制专用产品
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -220,7 +186,7 @@
|
||||
专业的服务团队
|
||||
</div>
|
||||
<div class="item">
|
||||
资深售前售后1对1指导，7*24小时实时响应，竭诚为您服务
|
||||
资深客服一对一指导、实时在线、竭诚为您服务
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -230,63 +196,11 @@
|
||||
</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>
|
||||
@@ -299,6 +213,7 @@
|
||||
</div>
|
||||
<div class="linkus" style="display: block;">
|
||||
<div class="item">
|
||||
<p>联系我们</p>
|
||||
<li>客服电话：400 800 9925</li>
|
||||
<li>客服QQ：800101003</li><br>
|
||||
<li>客户经理： </li><br>
|
||||
@@ -323,7 +238,7 @@
|
||||
|
||||
|
||||
<div style="font-size: 15px;">
|
||||
<p style="margin-top: 0px;text-align:center;width:100%;margin-bottom: 10px;color:red;background-color:#FFFF00;">公告</p>
|
||||
<p style="margin-top: 0px;text-align:center;width:100%;margin-bottom: 10px;color:red;">公告</p>
|
||||
|
||||
<div style="color: red;text-align:center;">
|
||||
<p>杜绝电信诈骗及任何违法行为</p>
|
||||
@@ -338,7 +253,7 @@
|
||||
</div>
|
||||
|
||||
<p >
|
||||
<a style="margin-left: 200%;margin-top:20px;cursor:pointer;font-size:25px;" onclick="know()" type="button" class="btn btn-primary" >我知道了</a>
|
||||
<a style="margin-left: 200%;margin-top:20px;cursor:pointer;font-size:25px;background:#0777ff;" onclick="know()" type="button" class="btn btn-primary" >我知道了</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user