界面修改

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

@@ -493,7 +493,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>
<p>&nbsp;</p>
<div class="pkgNameCard" style="background-color:#FF9933">
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
<p class="qixian">@package.Profile</p>
@@ -507,8 +507,8 @@
<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:#0777ff">
<p>&nbsp;</p>
<div class="pkgNameCard" style="background-color:#0777ff;padding: 15px 0;">
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
<p class="qixian">@package.Profile</p>
</div>
@@ -519,7 +519,7 @@
<div class="item packageitem" a-test="true" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
<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>
<p>&nbsp;</p>
<div class="pkgNameCard">
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
<p class="qixian">使用期限:1小时</p>
@@ -538,8 +538,8 @@
<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:#0777ff">
<p>&nbsp;</p>
<div class="pkgNameCard" style="background-color:#0777ff;padding: 15px 0;">
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
<p class="qixian">@package.Profile</p>
</div>
@@ -557,8 +557,8 @@
<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:#0777ff">
<p>&nbsp;</p>
<div class="pkgNameCard" style="background-color:#0777ff;padding: 15px 0;">
<p class="tianka" style="font-size:17px;color:white;">@package.Name</p>
<p class="qixian">@package.Profile</p>
</div>

View File

@@ -50,7 +50,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "免费送一个月";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -61,7 +61,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;
}
@@ -79,7 +79,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "8 折+送十天";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -90,7 +90,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;
}
@@ -109,7 +109,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "7 折+送一月";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -120,7 +120,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;
}
@@ -150,7 +150,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;
}
@@ -168,7 +168,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "8 折+送一个月";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -179,7 +179,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;
}
@@ -197,7 +197,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "9 折+送七天";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -208,7 +208,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;
}
@@ -226,7 +226,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "8 折+送一个月";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -237,7 +237,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;
}
@@ -255,7 +255,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "8 折+送两个月";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -266,7 +266,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;
}
@@ -285,7 +285,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "8 折+送七天";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -296,7 +296,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;
}
@@ -315,7 +315,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "9折";
@* content: "@Model[0].Packages[0].Title 折"; *@
@@ -327,7 +327,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;
}
@@ -344,7 +344,7 @@
line-height: 0px;
color: white;
height: 0px;
border: 1.2rem solid #f64e3d;
border: 1.2rem solid #0777ff;
border-right-color: transparent;
content: "8 折";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
@@ -355,7 +355,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;
}
@@ -366,23 +366,18 @@
@* <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>
<div class="container stepOne packagebox" id="@("box"+defaultProduct.Id)">
<div class="container bg_taocan">
<div class="row" style="background:url(/img/products.png) no-repeat; background-size:100% 100%;">
@@ -395,7 +390,7 @@
{
<p>@str</p>
}
<div class="row" style="text-align: right; position: absolute; right: 50px; bottom: 10px;">
<div class="row" style="text-align: right; position: absolute; left: -100px; bottom: 30px;">
<a asp-action="index" asp-controller="product">
<button type="button" class="btn btn-warning">购买通道</button>
</a>
@@ -423,7 +418,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;
@@ -434,7 +429,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;
}
@@ -447,8 +442,8 @@
<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">
<p>&nbsp;</p>
<div class="pkgNameCard" style="background-color:#0777ff">
<p class="tianka" style="font-size:17px;">@package.Name</p>
<p class="qixian">@package.Profile</p>
</div>

View File

@@ -56,10 +56,13 @@
@if (item.Id == 20)
{
<div class="item" style="width: 100%;">
<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" class="btn btn-sdefault" style="width: 100%;">无极安卓共享独享通用</button></a>
<a href="http://mp4.juip.com/wj20220104a.apk"> <button type="button" class="btn btn-sdefault" style="width: 100%;">免root安卓共享独享通用</button></a>
</div><br><br>
<div class="item" style="width: 100%;">
<a href="http://mp4.juip.com/%E6%97%A0%E6%9E%81%E7%94%B5%E8%84%91%E7%AB%AF.zip"> <button type="button" class="btn btn-sdefault" style="width: 100%;">无极电脑共享独享通用</button></a>
<a href="http://mp4.juip.com/wj_root_20220104a.apk"> <button type="button" class="btn btn-sdefault" style="width: 100%;">root版安卓共享独享通用</button></a>
</div><br><br>
<div class="item" style="width: 100%;">
<a href="http://mp4.juip.com/%E6%97%A0%E6%9E%81%E7%94%B5%E8%84%91%E5%AE%A2%E6%88%B7%E7%AB%AF.zip"> <button type="button" class="btn btn-sdefault" style="width: 100%;">无极电脑共享独享通用</button></a>
</div>
<br>
<br>
@@ -99,6 +102,10 @@
<div class="softName" style="width:100%;text-align:center;height:50px;">
代理商专用客户端
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E8%98%91%E8%8F%87IP%E7%BA%AF%E5%87%80-v1.0.apk"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">蘑菇IP-安卓版</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E8%A5%BF%E7%93%9CIP-%E4%BB%A3%E7%90%86%E7%89%88.zip"> <button type="button" class="btn btn-sdefault" style="width: 99%;margin-right:5px">西瓜IP-电脑版</button></a>

View File

@@ -149,10 +149,19 @@
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Account" value="" v-model="OneBuyModel.Account" v-on:blur="checkOneAccount" />
<p class="jinggao" v-if="!OneChecker.AccountOk">4至10位字母或数字或组合</p>
@if (Model.Package.ProductId !=20 && Model.Package.ProductId !=21) {
<p class="jinggao" v-if="!OneChecker.AccountOk">4至10位字母或数字或组合</p>
} else {
<p class="jinggao" v-if="!OneChecker.AccountOk">7至10位字母或数字或组合</p>
}
</div>
<div class="col-lg-4 text-left warnText">
<sapn class="grayText">4至10位字母或数字或组合</sapn>
@if (Model.Package.ProductId !=20 && Model.Package.ProductId !=21) {
<sapn class="grayText">4至10位字母或数字或组合</sapn>
} else {
<sapn class="grayText">7至10位字母或数字或组合</sapn>
}
</div>
</div>
<div class="row">
@@ -161,10 +170,10 @@
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Pwd" v-model="OneBuyModel.Pwd" v-on:blur="checkOnePwd" />
<p class="jinggao" v-if="!OneChecker.PwdOk">2至10位字母或数字或组合</p>
<p class="jinggao" v-if="!OneChecker.PwdOk">1至10位字母或数字或组合</p>
</div>
<div class="col-lg-4 text-left">
<span class="grayText">2至10位字母或数字或组合</span>
<span class="grayText">1至10位字母或数字或组合</span>
</div>
</div>
@if (Model.Package.IsTest == 0) {
@@ -178,8 +187,8 @@
<div class="item cursor" v-on:click="OneBuyModel.ConnectCount>1&&OneBuyModel.ConnectCount--">
-
</div>
<div class="item">
<input type="text" style="width:100%;height:21px;border:0" v-model="OneBuyModel.ConnectCount" />
<div class="item" style="min-width: 80px;">
<input type="text" style="width:100%;height:21px;border:0;text-align:center;" v-model="OneBuyModel.ConnectCount" />
</div>
<div class="item cursor" v-on:click="OneBuyModel.ConnectCount++">
+
@@ -286,10 +295,18 @@
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Account" value="" v-on:input="changeAccountCount()" v-model="MoreBuyModel.Account" />
<p class="jinggao" v-if="!MoreChecker.AccountOk">3至8位字母或数字或组合</p>
@if (Model.Package.ProductId !=20 && Model.Package.ProductId !=21) {
<p class="jinggao" v-if="!OneChecker.AccountOk">3至8位字母或数字或组合</p>
} else {
<p class="jinggao" v-if="!OneChecker.AccountOk">6至8位字母或数字或组合</p>
}
</div>
<div class="col-lg-4 text-left warnText">
<sapn class="grayText">2至8位字母或数字或组合</sapn>
@if (Model.Package.ProductId !=20 && Model.Package.ProductId !=21) {
<sapn class="grayText">3至8位字母或数字或组合</sapn>
} else {
<sapn class="grayText">6至8位字母或数字或组合</sapn>
}
</div>
</div>
<div class="row">
@@ -329,10 +346,10 @@
</div>
<div class="col-lg-4 regDan">
<input type="text" name="Pwd" id="" value="" v-model="MoreBuyModel.Pwd" />
<p class="jinggao" v-if="!MoreChecker.PwdOk">2至10位字母或数字或组合</p>
<p class="jinggao" v-if="!MoreChecker.PwdOk">1至10位字母或数字或组合</p>
</div>
<div class="col-lg-4 text-left">
<span>2至10位字母或数字或组合</span>
<span style="color:#ccc">1至10位字母或数字或组合</span>
</div>
</div>
<div class="row">
@@ -345,8 +362,8 @@
<div class="item" @@click="MoreBuyModel.ConnectCount>1&&MoreBuyModel.ConnectCount--">
-
</div>
<div class="item">
<input type="text" style="width:100%;height:21px;border:0" v-model="MoreBuyModel.ConnectCount" />
<div class="item" style="min-width: 80px;">
<input type="text" style="width:100%;height:21px;border:0;text-align:center;" v-model="MoreBuyModel.ConnectCount" />
</div>
<div class="item" @@click="MoreBuyModel.ConnectCount++">
+
@@ -751,7 +768,7 @@
this.OneChecker.AccountOk = true;
return true;
}
if (this.OneBuyModel.Account.length > 10 || this.OneBuyModel.Account.length < 3 || !this.hasNumAndChar(this.OneBuyModel.Account)) {
if (this.OneBuyModel.Account.length > 10 || this.OneBuyModel.Account.length < 4 || !this.hasNumAndChar(this.OneBuyModel.Account)) {
this.OneChecker.AccountOk = false;
return false;
}
@@ -759,7 +776,7 @@
return true;
},
checkOnePwd() {
if (this.OneBuyModel.Pwd.length < 2 || this.OneBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.OneBuyModel.Pwd)) {
if (this.OneBuyModel.Pwd.length < 1 || this.OneBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.OneBuyModel.Pwd)) {
this.OneChecker.PwdOk = false;
return false;
}
@@ -785,7 +802,7 @@
return true;
},
checkMorePwd() {
if (this.MoreBuyModel.Pwd.length < 2 || this.MoreBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.MoreBuyModel.Pwd)) {
if (this.MoreBuyModel.Pwd.length < 1 || this.MoreBuyModel.Pwd.length > 10 || !this.hasNumAndChar(this.MoreBuyModel.Pwd)) {
this.MoreChecker.PwdOk = false;
return false;
}
@@ -793,7 +810,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;
@@ -834,7 +850,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

@@ -372,7 +372,6 @@
})
},
onePay: function () {
$(".pay-botton").hide();
if (this.OneBuyModel.UseAccountAmount) {
if (this.RestAmount < this.PayAmount){
alert('余额不足,请充值。您也可以使用微信、支付宝支付。');return;