界面修改 上线极狐

This commit is contained in:
“wanyongkang”
2024-06-21 17:52:12 +08:00
parent 4c35708c75
commit 6f976cb9ff
10 changed files with 660 additions and 22 deletions

View File

@@ -296,6 +296,11 @@
if(item.Product.Id == 18) {
<div 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>
}
else if(item.Product.Id == 29) {
<div class="dropdown">
<div 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>
</div>
}
else if(item.Product.Id == 14) {
<div class="dropdown">
<div style="font-size: 18px;" class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name</div>
@@ -439,6 +444,22 @@
</ul>
</div>
}
@if(item.Product.Id == 29) { //不限速
<div style="padding-top:10px;">
<ul class="nav nav-tabs nav-justified" style="margin:0 0 0 50px;cursor: pointer;">
<li id="tabjhzx" style="border:1px solid #ccc" class="active">
<a onclick="jhzhizun()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">尊享版-不限速</a>
</li>
<li style="border:1px solid #ccc" id="tabjhgj">
<a onclick="jhgaoji()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">高级版-限速6M</a>
</li>
<li style="border:1px solid #ccc" id="tabjhpt">
<a onclick="jhputong()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">普通版-限速2M</a>
</li>
</ul>
</div>
}
@if(item.Product.Id == 6) { //不限速
<div style="padding:10px 170px;">
<ul class="nav nav-tabs nav-justified" style="margin:0 0 0 50px;cursor: pointer;">
@@ -474,6 +495,9 @@
@* @if(item.Product.Id == 18){
<p class="youhuiNew" style="color: #0066CC;margin:0;padding:0;">蘑菇IP双十一活动周卡送3天月卡送10天双月卡送一个月不限制账号个数。截止时间11月20日。</p>
} *@
@if(item.Product.Id == 17){
<p class="youhuiNew" style="color: #0066CC;margin:0;padding:0;">本产品升级更新中暂无法开通请先开通其他产品使用。更新后产品为极狐IP280个城市网速超快且有赠送活动计划于6月21日晚上线。</p>
}
@if(item.Product.Id == 20){
@@ -861,7 +885,7 @@
项目选择:
</div>
<div class="col-sm-8">
<select class="form-control selectpicker" data-live-search="true" v-model="qilin.game_id" @@change="select_game" style="height:30px;font-size:15px;">
<select class="form-control selectpicker" id="gameselect" data-live-search="true" v-model="qilin.game_id" @@change="select_game" style="height:30px;font-size:15px;">
<option value="0">-请选择项目-</option>
<option v-for="item in game_list" :value="item.id">{{item.name}}</option>
</select>
@@ -1510,6 +1534,20 @@
$("#pkg"+i).hide();
}
}
function jhzhizun() {
for (var i=1187;i<1193;i++){
$("#pkg"+i).show();
}
$("#tabjhzx").addClass("active");
$("#tabjhgj").removeClass("active");
$("#tabjhpt").removeClass("active");
for (var i=1193;i<1205;i++){
$("#pkg"+i).hide();
}
}
function ttgaoji() {
$("#pkg89").hide();
$("#pkg69").hide();
@@ -1541,6 +1579,20 @@
$("#pkg"+i).show();
}
}
function jhgaoji() {
for (var i=1187;i<1193;i++){
$("#pkg"+i).hide();
}
$("#tabjhzx").removeClass("active");
$("#tabjhgj").addClass("active");
$("#tabjhpt").removeClass("active");
for (var i=1199;i<1205;i++){
$("#pkg"+i).hide();
}
for (var i=1193;i<1199;i++){
$("#pkg"+i).show();
}
}
function ttputong() {
$("#pkg89").hide();
$("#pkg69").hide();
@@ -1572,6 +1624,20 @@
$("#pkg"+i).hide();
}
}
function jhputong() {
for (var i=1187;i<1193;i++){
$("#pkg"+i).hide();
}
$("#tabjhzx").removeClass("active");
$("#tabjhgj").removeClass("active");
$("#tabjhpt").addClass("active");
for (var i=1199;i<1205;i++){
$("#pkg"+i).show();
}
for (var i=1193;i<1199;i++){
$("#pkg"+i).hide();
}
}
function xfgaoji() {
$("#xfduxiang").removeClass("active");
$("#xfgaoji").addClass("active");
@@ -1844,6 +1910,17 @@
for (var i=1;i<30;i++){
$("#p"+i).removeClass("on");
}
} else if (pid == 29) {
$(".qilinjingtai").hide();
for (var i=1187;i<1193;i++){
$("#pkg"+i).show();
}
for (var i=1193;i<1205;i++){
$("#pkg"+i).hide();
}
for (var i=1;i<30;i++){
$("#p"+i).removeClass("on");
}
} else if (pid == 6) {
$(".qilinjingtai").hide();
$("#pkg60").show();