界面更改

This commit is contained in:
“wanyongkang”
2023-08-16 15:19:20 +08:00
parent feea9e530f
commit 11d6804ff0
7 changed files with 137 additions and 185 deletions

View File

@@ -44,7 +44,7 @@
color: #f49119;
}
.pkgNameCard {
background: #223da4;
background: #0777ff;
height: 90px;
padding: 15px;
}
@@ -92,15 +92,15 @@
}
.main-page .nav div {
height: 47px;
line-height: 47px;
margin-bottom: 8px;
height: 2.3em;
line-height: 2.3em;
border-radius: 2px;
cursor: pointer;
border-bottom: 1px dashed #0777ff;
}
.main-page .nav div.on {
background: #223da4;
background: #0777ff;
color: #fff;
}
@@ -154,7 +154,7 @@
position: absolute;
top: 2.1875rem;
left: -0.5rem;
border: 0.25rem solid #f64e3d;
border: 0.25rem solid #0777ff;
border-left-color: transparent;
border-bottom-color: transparent;
}
@@ -183,7 +183,7 @@
position: absolute;
top: 2.1875rem;
left: -0.5rem;
border: 0.25rem solid #f64e3d;
border: 0.25rem solid #0777ff;
border-left-color: transparent;
border-bottom-color: transparent;
}
@@ -223,24 +223,21 @@
@* <div class="container-fluid ad">
<a asp-action="taobao" asp-controller="article"> <img src="~/img/acBanner.png"></a>
</div> *@
<div class="container-fluid ad" style="background-image: url(/img/acBanner_1.png?11231);background-repeat:no-repeat;background-size:100% auto;height:270px;">
<div class="container-fluid ad" style="height:100px;background:#0777ff;">
<div class="row" style="color:white;width:calc(100vw-1px);">
<div class="col-md-3 col-md-offset-1" style="padding-top:2%;text-align:center;">
<h1>需求<span style="color: red;font-size:49px;">五个</span>以上</h1>
<h2>联系客服设置优惠价</h2>
<a target="_blank" 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"><h3 style="color: #e45b4b;">>>>联系客服<<<</h3></a>
</div>
<div class="col-md-8 " style="padding-top:1.5%;">
<h2 style="padding-left:8%;">十余种全网知名旗舰产品低价热销</h2>
<h1 style="font-size:45px;padding-left:6%;">淘宝动态IP销量排名NO.1</h1>
<h4 style="color: #e45b4b;padding-left:5%;">已完美对接淘宝、淘宝付款后、金额将自动充值到您的会员余额中</h4>
<a target="_blank" href="https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.45e51debbIPZJ7&ft=t&id=644774449094"><h4 style="color: #e45b4b;padding-left:2%;">欢迎淘宝下单每次下单都会随机赠送优惠券最低54元优惠券支持所有套餐&nbsp;<span style="color:#FFFF00;">点击去淘宝店铺付款&nbsp;<span class="glyphicon glyphicon-arrow-right"></span></span></h4></a>
<div class="col-md-12 text-center" style="padding-top:1%;">
<h4>需求五个以上、可联系右侧客服设置优惠价</h4>
<p>动态IP销量排名NO.1
十余种全网知名旗舰产品低价热销、
节点多、稳定、靠谱、单人单线
</p>
</div>
</div>
</div>
@*新布局*@
<p class="text-center tit"><img src="~/img/titi_choose.png"></p>
<h1 class="text-center tit " style="font-style: italic;text-shadow: 5px 6px 3px #ccc;font-weight:bold;">选择产品</h1>
<div class="main-page">
<div class="left" style="width: 175px;">
<div class="nav-back" style="width: 175px;"></div>
@@ -271,7 +268,7 @@
else if(item.Product.Id == 20) {
<div class="dropdown">
<button type="button" class="btn dropdown-toggle" style="width: 99%;height:100%;background:white;padding:0;" id="dropdownMenu2" data-toggle="dropdown"><div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;"></span></div>
<button type="button" class="btn dropdown-toggle" style="width: 99%;height:100%;background:white;padding:0;" id="dropdownMenu2" data-toggle="dropdown"><div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name<span style="color: #0777ff;font-weight:bold;float:right;padding-right: 5px;"></span></div>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
<li role="presentation">
@@ -303,7 +300,7 @@
<div style="background-color: #ccc;color:#0098fb" disabled="disabled"><span class="glyphicon glyphicon-arrow-down"></span>单窗口单IP<span class="glyphicon glyphicon-arrow-down"></span></div>
<div class="dropdown">
<button type="button" class="btn dropdown-toggle" style="width: 99%;height:100%;background:white;padding:0;" id="dropdownMenu2" data-toggle="dropdown"><div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;"></span></div>
<button type="button" class="btn dropdown-toggle" style="width: 99%;height:100%;background:white;padding:0;border-bottom: 1px dashed #0777ff;" id="dropdownMenu2" data-toggle="dropdown"><div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name<span style="color: #0777ff;font-weight:bold;float:right;padding-right: 5px;"></span></div>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
<li role="presentation">
@@ -331,8 +328,22 @@
<div class="row" style="background:url(/img/products.png) no-repeat; background-size:100% 100%;">
<div class="col-lg-4" style="height:200px;padding-top:30px;padding-left:50px;">
<p class="productName">@item.Product.Name</p>
<p style=" border-bottom: 2px solid #fff;font-size:16px;">@(string.Join("|",item.Packages.Select(m=>m.Name)))</p>
<p class="productName">@item.Product.Name 简介:</p>
<div class="row" style="text-align: right; position: absolute; right: 50px; bottom: 2em;">
@if (user == null)
{
<button type="button" class="btn btn-warning reBuy" style="font-size:25px;">续费通道</button>
}
else
{
<a asp-action="myaccounts" asp-controller="user"><button type="button" class="btn btn-warning" style="font-size:25px;">续费通道</button></a>
}
</div>
@* <p style=" border-bottom: 2px solid #fff;font-size:16px;">@(string.Join("|",item.Packages.Select(m=>m.Name)))</p> *@
</div>
<div class="col-lg-8" style="height:200px;padding-top:30px">
@{var i = 1;}
@@ -356,19 +367,6 @@
} else {
<p style="color: #FFFF00;">@item.Product.ContentLine[@item.Product.ContentLine.Count()-1]</p>
}
<div class="row" style="text-align: right; position: absolute; right: 50px; bottom: 10px;">
@if (user == null)
{
<button type="button" class="btn btn-warning reBuy" style="font-size:25px;">续费通道</button>
}
else
{
<a asp-action="myaccounts" asp-controller="user"><button type="button" class="btn btn-warning" style="font-size:25px;">续费通道</button></a>
}
</div>
</div>
</div>
</div>
@@ -461,7 +459,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "@package.Title 折";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -472,7 +470,7 @@
position: absolute;
top: 2.1875rem;
left: -0.5rem;
border: 0.25rem solid #f64e3d;
border: 0.25rem solid #0777ff;
border-left-color: transparent;
border-bottom-color: transparent;
}
@@ -501,7 +499,7 @@
<p><span class="price">@package.Price</span>元</p>
<p class="yuanjia" style="color: #FF9900;">原价:<span>@package.LinePrice</span>元</p>
<p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
<div class="pkgNameCard" style="background-color:#f64e3d">
<div class="pkgNameCard" style="background-color:#0777ff">
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
<p class="qixian">@package.Profile</p>
</div>
@@ -520,7 +518,7 @@
}
<p class="yuanjia" style="color: #FF9900;">原价:<span>@package.LinePrice</span>元</p>
<p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
<div class="pkgNameCard" style="background-color:#f64e3d">
<div class="pkgNameCard" style="background-color:#0777ff">
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
<p class="qixian">@package.Profile</p>
</div>
@@ -551,7 +549,7 @@
}
<p class="yuanjia" style="color: #FF9900;">原价:<span>@package.LinePrice</span>元</p>
<p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
<div class="pkgNameCard" style="background-color:#f64e3d">
<div class="pkgNameCard" style="background-color:#0777ff">
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
<p class="qixian">@package.Profile</p>
</div>
@@ -563,15 +561,14 @@
</div>
</div>
<div style="margin-left:26%">
<div style="border: 1px dashed #ccc;margin-top:30px;width:50%;margin-left: 63px;background-color:#FFCC33">
<p class="youhuiNew" style="padding-bottom:0px;">温馨提示需求5个以上可以联系客服设置优惠价</p>
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;">开通后有任何问题可无理由退款,并支持自助提现</p>
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;">退款规则:购买价格-使用天数*天卡价格</p>
@if(item.Product.Id == 21 ||item.Product.Id == 20){
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;color:white;background-color:red;">无极所有产品均不支持退款,请先开天卡测试</p>
}
</div>
<div style="border: 1px dashed #ccc;margin-top:30px;width:50%;margin-left: 63px;background-color:#0777ff">
<p class="youhuiNew" style="padding-bottom:0px;color:white;">温馨提示需求5个以上可以联系客服设置优惠价</p>
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;color:white;">退款规则:购买价格 - 使用天数 * 天卡价格</p>
@if(item.Product.Id == 21 ||item.Product.Id == 20){
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;color:white;">无极所有产品均不支持退款,请先开天卡测试</p>
}
</div>
</div>