界面修改

This commit is contained in:
“wanyongkang”
2023-09-08 15:03:14 +08:00
parent a4b0f2e5c5
commit caa077f9ae
22 changed files with 238 additions and 183 deletions

View File

@@ -247,7 +247,7 @@
</div>
<p style="margin-top: 10px;font-weight:bold;text-align:center;">聚IP最新活动</p>
<div style="padding-left: 20px;">
@* <p>1.动态IP一毛钱一天每用户限一次~</p> *@
<p>蘑菇安卓APP已上线功能强大欢迎下载使用</p>
<p>蘑菇IP不限速网速全网最快新用户首单天卡1毛钱。周卡送1天月卡送5天双月卡送1个月多买多送~</p>
</div>
</div>

View File

@@ -174,7 +174,7 @@
<p>
<input type="hidden" name="ProductId" id="ProductId" value="@pid" />
<span style="background:rgb(74, 113, 155);color:white;padding: 0.6em 0 0.6em 0.6em;background:#1b379d;">{{search_field}}
<input type="text" v-model="search_product_data" name="KeyWord" placeholder="输入地区/名称/服务器" id="KeyWord" />
<input type="text" style="color:black;" v-model="search_product_data" name="KeyWord" placeholder="输入地区/名称/服务器" id="KeyWord" />
</span>
<button style="width:auto;padding: 0 1em;" v-on:click="search_product()" type="submit" class="btnBlue">搜索</button>
</p>

View File

@@ -253,7 +253,6 @@
<div class="card color_2">
<div class="item">
<p style="font-size: 35px;color:#FFFF00;">@package.Name</p>
<p>@(package.DayPrice)元/天</p>
<p>@package.Profile</p>
</div>
<div class="item">
@@ -271,7 +270,6 @@
<div class="card color_2">
<div class="item">
<p style="font-size: 35px;color:#FFFF00;">@package.Name 首单</p>
<p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
<p>@package.Profile</p>
</div>
<div class="item">
@@ -286,7 +284,6 @@
<div class="card color_2">
<div class="item">
<p style="font-size: 35px;color:#FFFF00;">@package.Name</p>
<p>@(package.DayPrice)元/天</p>
<p>@package.Profile</p>
</div>
<div class="item">
@@ -301,7 +298,6 @@
<div class="card color_2">
<div class="item">
<p style="font-size: 35px;color:#FFFF00;">@package.Name</p>
<p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
<p>@package.Profile</p>
</div>
<div class="item">

View File

@@ -20,49 +20,28 @@
@* <div class="cpBanner">
<img src="~/m/img/cpBanner.png">
</div> *@
<div class="cpBanner" style="background-image: url(/img/acBanner_1.png?11231);background-repeat:round;background-size:auto auto;height:330px;">
<div class="row" style="color:white;width:calc(100vw-1px);text-align:center;padding-top:10px;">
<div class="col-md-8 " style="padding-top:1.5%;">
<h2 >十余种全网知名旗舰产品低价热销</h2>
<h1 style="font-size:45px;">淘宝动态IP销量排名NO.1</h1>
<h4 style="color: #e45b4b;">已完美对接淘宝、淘宝付款后、金额将自动充值到您的会员余额中</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;">欢迎淘宝下单每次下单都会随机赠送优惠券最低54元<br>优惠券支持所有套餐!<span style="color:#FFFF00;">点击去淘宝店铺付款&nbsp;<span class="glyphicon glyphicon-arrow-right"></span></span></h4></a>
</div>
<div class="col-md-3 col-md-offset-1" style="padding-top:2%;">
<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>
</div>
<br><br><br><br>
<div class="cpNav">
<div class="item">
<ul class="nav nav-tabs cpName" role="tablist">
<li role="presentation" class="active">
<a href="#@Model.Product.Id">@Model.Product.Name</a>
</li>
</ul>
</div>
<div class="item">
<div class="item" style="width:100% !important">
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="@Model.Product.Id">
<p class="texing">@Model.Product.Name</p>
<ul class="texingList">
<p>·不限速网速最高可达50兆</p>
<p>·支持手机,电脑,模拟器</p>
<p>·200多个城市+全国混波量ip千万级</p>
<p>·带宽6-10兆</p>
<p>·断开再链接换ip</p>
<div style="background:rgb(57, 81, 107);color:#FFFFFF;">
<p class="texing text-center" style="color:#009933;border:none;">@Model.Product.Name 简介</p>
<hr>
<ul class="texingList" style="padding-bottom:0;">
@foreach (var str in Model.Product.ContentLine)
{
<li style="padding:5px;">·@str</li>
}
</ul>
</div>
@foreach (var package in Model.Packages.Where(m=>m.IsTest==0&&m.Status==1 && m.Id != 21&& m.Id != 20).OrderBy(m => m.TenantId))
{
@if(package.Id == 101||package.Id == 103||package.Id == 104||(package.Id>103)){
<a asp-action="rebuy" asp-controller="Product" asp-route-packageId="@package.Id" asp-route-accounts=@ViewBag.accounts>
<div class="card color_@((Model.Packages.IndexOf(package)+1)%5)">
<div class="card color_2">
<div class="item">
<p style="font-size: 35px;color:#f64e3d;">@package.Name </p>
<p>@(package.DayPrice)元/天</p>
<p style="font-size: 35px;color:#FFFF00;">@package.Name </p>
<p>@package.Profile</p>
</div>
<div class="item">
@@ -74,9 +53,9 @@
}
@* else if(package.Id == 19){
<a asp-action="rebuy" asp-controller="Product" asp-route-packageId="@package.Id" asp-route-accounts=@ViewBag.accounts>
<div class="card color_@((Model.Packages.IndexOf(package)+1)%5)">
<div class="card color_2">
<div class="item">
<p style="font-size: 35px;color:#f64e3d;">@package.Name 送10天</p>
<p style="font-size: 35px;color:#FFFF00;">@package.Name 送10天</p>
<p>@(package.DayPrice)元/天</p>
<p>@package.Profile</p>
</div>
@@ -89,9 +68,9 @@
} *@
@* else if(package.Id == 63||package.Id == 64||package.Id == 65||package.Id == 66||package.Id == 67||package.Id == 13||package.Id == 14||package.Id == 15||package.Id == 16){
<a asp-action="rebuy" asp-controller="Product" asp-route-packageId="@package.Id" asp-route-accounts=@ViewBag.accounts>
<div class="card color_@((Model.Packages.IndexOf(package)+1)%5)">
<div class="card color_2">
<div class="item">
<p style="font-size: 35px;color:#f64e3d;">@package.Name 85折</p>
<p style="font-size: 35px;color:#FFFF00;">@package.Name 85折</p>
<p>@(package.DayPrice)元/天</p>
<p>@package.Profile</p>
</div>
@@ -104,10 +83,9 @@
} *@
else if(package.Id == 100 || package.Id == 102){
<a asp-action="rebuy" asp-controller="Product" asp-route-packageId="@package.Id" asp-route-accounts=@ViewBag.accounts>
<div class="card color_@((Model.Packages.IndexOf(package)+1)%5)">
<div class="card color_2">
<div class="item">
<p style="font-size: 35px;color:#f64e3d;">@package.Name </p>
<p>@(package.DayPrice)元/天</p>
<p style="font-size: 35px;color:#FFFF00;">@package.Name </p>
<p>@package.Profile</p>
</div>
<div class="item">
@@ -118,10 +96,9 @@
</a>
} else if(package.Id != 88) {
<a asp-action="rebuy" asp-controller="Product" asp-route-packageId="@package.Id" asp-route-accounts=@ViewBag.accounts>
<div class="card color_@((Model.Packages.IndexOf(package)+1)%5)">
<div class="card color_2">
<div class="item">
<p>@package.Name</p>
<p>@(package.DayPrice)元/天</p>
<p>@package.Profile</p>
</div>
<div class="item">

View File

@@ -33,9 +33,14 @@
<br>
} else if (item.Id == 20) {
<p>无极</p>
<p><a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%97%A0%E6%9E%81%E5%AE%89%E5%8D%93-%E5%85%B1%E4%BA%AB%E7%8B%AC%E4%BA%AB%E9%80%9A%E7%94%A8.apk"> <button type="button" style="width:90%;" class="btnBlue">无极安卓共享独享通用</button></a></p>
<p><a href="http://mp4.juip.com/wj20220104a.apk"> <button type="button" style="width:90%;" class="btnBlue">免root安卓共享独享通用</button></a></p>
<p><a href="http://mp4.juip.com/wj_root_20220104a.apk"> <button type="button" style="width:90%;" class="btnBlue">root版安卓共享独享通用</button></a></p><br>
<p><a href="https://apps.apple.com/cn/app/jie-zou-da-shi/id1448657437"> <button style="width:90%;" type="button" class="btnBlue">ios客户端</button></a></p>
<p><a href="https://apps.apple.com/cn/app/jie-zou-da-shi/id1448657437"> <button style="width:90%;" type="button" class="btnBlue">ios客户端</button></a></p> <br>
}
@if (item.Id == 25) {
<p style="color: #39516b;">*登录后请选择静态线路连接*</p>
}
</div>
}
@@ -43,7 +48,8 @@
<div class="item" style="height: auto;width:100%;">
@*<p><img src="@P(item.Image)"></p>*@
<p>代理商专用客户端</p>
<p><a href="http://mp4.juip.com/%E8%A5%BF%E7%93%9CIP%20-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button style="width:90%;" type="button" class="btnBlue">西瓜IP-电脑版</button></a></p>
<p><a href="http://mp4.juip.com/%E8%98%91%E8%8F%87IP%E7%BA%AF%E5%87%80-v1.0.apk"> <button style="width:90%;" type="button" class="btnBlue">蘑菇IP-安卓</button></a></p>
<p><a href="http://mp4.juip.com/%E8%A5%BF%E7%93%9CIP%20-%20%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button style="width:90%;" type="button" class="btnBlue">西瓜IP-电脑版</button></a></p><br>
<p><a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E8%A5%BF%E7%93%9CIP%E5%AE%89%E5%8D%93%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button style="width:90%;" type="button" class="btnBlue">西瓜IP-安卓</button></a></p><br>
<p><a href="http://mp4.juip.com/%E6%9E%81%E5%AE%A2IP%E4%BB%A3%E7%90%86%E7%89%88%203.5.rar"> <button style="width:90%;" type="button" class="btnBlue">极客IP-电脑版</button></a></p><br>
<p><a href="http://wuxinxikehuduan.image.qiangzipptp.top/%E6%9E%81%E5%AE%A2IP%E5%AE%89%E5%8D%93%E4%BB%A3%E7%90%86%E7%89%88.apk"> <button style="width:90%;" type="button" class="btnBlue">极客IP-安卓</button></a></p><br>

View File

@@ -53,7 +53,6 @@
</div>
<div class="item">
<p class="kaci" style="font-size:1.5em;">@Model.Package.Name</p>
<p class="grayText">@(Model.Package.DayPrice)元/天</p>
<p class="grayText">@Model.Package.Profile</p>
</div>
<div class="item">

View File

@@ -83,23 +83,21 @@
<div class="cpTop">
<p class="choose">当前已选产品:</p>
<div class="kArea">
<div class="cpKuang">
<div class="item">
<p style="line-height:3.5em;font-weight:bold;font-size:1.5em;">@Model.Product.Name</p>
<div>
<div class="col-sm-4 text-right">
<p style="font-weight:bold;font-size:2em;">@Model.Product.Name</p>
</div>
<div class="item">
<p class="kaci" style="font-size:1.5em;">@Model.Package.Name</p>
<p class="grayText">@(Math.Round(Model.Package.Price/Model.Package.DayCount,2))元/天</p>
<p class="grayText">@Model.Package.Profile</p>
<div class="col-sm-4">
<p class="kaci" style="font-size:1.3em;">@Model.Package.Name</p>
</div>
<div class="item">
<div class="col-sm-4 text-left">
@if(Model.Package.Price < 60 && (Model.Package.Id == 64||Model.Package.Id == 1004)){
<span class="price">60.00</span>
<span class="price">60.00</span>
} else {
@if (Model.Package.IsTest == 0) {
<span class="price">@Model.Package.Price</span>
<span class="price">@Model.Package.Price</span>
} else {
<span class="price">1.0</span>
<span class="price">1.0</span>
}
}
</div>
@@ -126,7 +124,7 @@
<div class="col-sm-6 col-xs-6 text-right">
<span class="dan zActive">单个注册</span>
</div>
<div v-if="OnePayAmount != 0.1" class="col-sm-6 col-xs-6 text-left">
<div v-if="@Model.Package.Price != 0.1" class="col-sm-6 col-xs-6 text-left">
<span class="pi">批量注册</span>
</div>
</div>
@@ -153,7 +151,7 @@
<div class="col-sm-4 col-xs-4" style="text-align:right;">
连接数:
</div>
<div v-if="OnePayAmount != 0.1" class="col-sm-8 col-xs-8">
<div v-if="@Model.Package.Price != 0.1" class="col-sm-8 col-xs-8">
<div class="jiajian">
<div class="item" v-on:click="OneBuyModel.ConnectCount>1&&OneBuyModel.ConnectCount--">
-
@@ -167,7 +165,7 @@
</div>
</div>
</div>
<div v-if="OnePayAmount == 0.1" class="col-sm-8 col-xs-8">
<div v-if="@Model.Package.Price == 0.1" class="col-sm-8 col-xs-8">
1
</div>
</div>
@@ -488,12 +486,13 @@
total = parseFloat(total.toFixed(2));
if(total != 0.1){
//最低价
var min_cost = @(Model.Package.MinPrice) * this.OneBuyModel.ConnectCount - this.OneBuyModel.CouponAmount;
if(total<min_cost){
total = min_cost;
}
}
if (@(Model.Package.IsTest) == 1) {
total = 1.00;
@@ -667,9 +666,20 @@
}
},
checkOneAccount() {
if (this.OneBuyModel.Account.length > 10 || this.OneBuyModel.Account.length < 5|| !this.hasNumAndChar(this.OneBuyModel.Account)) {
if (productId == 20||productId == 21) {
if (this.OneBuyModel.Account.length > 10 || this.OneBuyModel.Account.length < 7 || !this.hasNumAndChar(this.OneBuyModel.Account)) {
alert("此产品账号必须在7-10位");
this.OneChecker.AccountOk = false;
return false;
}
this.OneChecker.AccountOk = true;
return true;
}
if (this.OneBuyModel.Account.length > 10 || this.OneBuyModel.Account.length < 4|| !this.hasNumAndChar(this.OneBuyModel.Account)) {
this.OneChecker.AccountOk = false;
alert('账号长度必须在5-10位且不能包含特殊字符');
alert('账号长度必须在4-10位且不能包含特殊字符');
return false;
}
this.OneChecker.AccountOk = true;
@@ -685,9 +695,20 @@
return true;
},
checkMoreAccount() {
if (this.MoreBuyModel.Account.length > 10 || this.MoreBuyModel.Account.length < 4|| !this.hasNumAndChar(this.MoreBuyModel.Account)) {
if (productId == 20||productId == 21) {
if (this.MoreBuyModel.Account.length < 6 || this.MoreBuyModel.Account.length > 8 || !this.hasNumAndChar(this.MoreBuyModel.Account)) {
alert("此产品账号必须在7-10位");
this.MoreChecker.AccountOk = false;
return false;
}
this.MoreChecker.AccountOk = true;
return true;
}
if (this.MoreBuyModel.Account.length > 10 || this.MoreBuyModel.Account.length < 3|| !this.hasNumAndChar(this.MoreBuyModel.Account)) {
this.MoreChecker.AccountOk = false;
alert('账号长度必须在5-10位且不能包含特殊字符');
alert('账号长度必须在4-10位且不能包含特殊字符');
return false;
}
this.MoreChecker.AccountOk = true;
@@ -703,7 +724,6 @@
return true;
},
onePay: function () {
$(".pay-botton").hide();
this.OneBuyModel.ConnectCount = parseInt(this.OneBuyModel.ConnectCount)
if (!this.isNum(this.OneBuyModel.ConnectCount)) return;
if (!this.checkOneAccount() || !this.checkOnePwd()) return;
@@ -745,7 +765,6 @@
});
},
morePay: function () {
$(".pay-botton").hide();
this.MoreBuyModel.ConnectCount = parseInt(this.MoreBuyModel.ConnectCount)
if (!this.isNum(this.MoreBuyModel.ConnectCount)) return;
if (!this.checkMoreAccount() || !this.checkMorePwd() || this.MoreBuyModel.MaxPostfix>500) return;

View File

@@ -47,18 +47,23 @@
<div class="cpTop">
<p class="choose">当前已选产品:</p>
<div class="kArea">
<div class="cpKuang">
<div class="item">
<p><img src="~/@Model.Product.Image"></p>
<p>@Model.Product.Name</p>
<div>
<div class="col-sm-4 text-right">
<p style="font-weight:bold;font-size:2em;">@Model.Product.Name</p>
</div>
<div class="item">
<p class="kaci">@Model.Package.Name</p>
<p class="grayText">@(Model.Package.DayPrice)元/天</p>
<p class="grayText">@Model.Package.Profile</p>
<div class="col-sm-4">
<p class="kaci" style="font-size:1.3em;">@Model.Package.Name</p>
</div>
<div class="item">
¥ <span class="price">@Model.Package.Price</span>
<div class="col-sm-4 text-left">
@if(Model.Package.Price < 60 && (Model.Package.Id == 64||Model.Package.Id == 1004)){
<span class="price">¥60.00</span>
} else {
@if (Model.Package.IsTest == 0) {
<span class="price">¥@Model.Package.Price</span>
} else {
<span class="price">¥1.0</span>
}
}
</div>
</div>
</div>
@@ -301,7 +306,6 @@
})
},
onePay: function () {
$(".pay-botton").hide();
if (this.OneBuyModel.UseAccountAmount) {
if (this.RestAmount < this.PayAmount){
alert('余额不足,请充值。您也可以使用微信、支付宝支付。');return;

View File

@@ -148,7 +148,7 @@
</div>
</div>
<!-- pptv账号 -->
<div class="accout_tit"><span class="lineBar"></span>PPTV账号</div>
<div class="accout_tit"><span class="lineBar"></span>PPTP账号</div>
<div class="model">
<div class="item">
使用中:

View File

@@ -138,6 +138,8 @@
if (res.Code == 10000) {
alert("操作成功");
window.location.reload();
} else {
alert("操作失败");
}
}
});