无极共享

This commit is contained in:
“wanyongkang”
2022-04-07 17:10:08 +08:00
parent 34f0e36119
commit 8a2bb7b76c
11 changed files with 755 additions and 12 deletions

View File

@@ -405,6 +405,21 @@
</ul>
</div>
}
else if(item.Product.Id == 21) {
<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"><span style="color: #f64e3d;font-weight:bold;padding-right: 5px;">新</span>@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;"></span></div>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
<li role="presentation">
<a role="menuitem" tabindex="-1" onclick="wjgxphone()" style="color: #FF9900;">安卓/苹果</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" onclick="wjgxpc()" style="color: #FFCC00;">电脑</a>
</li>
</ul>
</div>
}
else {
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name </div>
}
@@ -540,12 +555,52 @@
@if(item.Product.Id == 20){
<p class="youhuiNew" style="color: #0066CC;">购买后请联系客服授权登录</p>
<p style="text-align:center;color:#0066CC;margin:0;" data-toggle="modal" data-target="#myModal"><a>点击查看各版本区别</a></p>
<div style="padding-top:10px;">
<ul class="nav nav-tabs nav-justified" style="margin-top:0;">
<li id="wjdxpt" class="active"><a style="width: 500px;" onclick="wjdxpt()">普通版-5兆</a></li>
<li id="wjdxgd"><a style="width: 500px;" onclick="wjdxgj()">高端版-10兆</a></li>
<li id="wjdxpt" class="active"><a style="width: 570px;" onclick="wjdxpt()">普通版-5兆</a></li>
<li id="wjdxgd"><a style="width: 570px;" onclick="wjdxgj()">高端版-10兆</a></li>
</ul>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1250px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">无极产品类型</h4>
</div>
<div class="modal-body"><img src="https://54nb.com/images/pay.png"/></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
}
@if(item.Product.Id == 21){
<p class="youhuiNew" style="color: #0066CC;">购买后请联系客服授权登录</p>
<p style="text-align:center;color:#0066CC;margin:0;" data-toggle="modal" data-target="#myModals"><a>点击查看各版本区别</a></p>
<div style="padding-top:10px;">
<ul class="nav nav-tabs nav-justified" style="margin-top:0;">
<li id="wjgxpt" class="active"><a style="width: 570px;" onclick="wjgxpt()">普通版</a></li>
<li id="wjgxgd"><a style="width: 570px;" onclick="wjgxgj()">极速版</a></li>
</ul>
</div>
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1250px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">无极产品类型</h4>
</div>
<div class="modal-body"><img src="https://54nb.com/images/pay.png"/></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
}
@@ -937,6 +992,80 @@
}
}
}
//1 安卓、苹果 2 pc
var wjgxtype = 1;
function wjgxphone() {
$("#wjgxgd").removeClass("active");
$("#wjgxpt").addClass("active");
wjgxtype = 1;
for (var i=1060;i<1063;i++){
$("#pkg"+i).show();
}
for (var i=1063;i<1072;i++){
$("#pkg"+i).hide();
}
}
function wjgxpc() {
$("#wjgxgd").removeClass("active");
$("#wjgxpt").addClass("active");
wjgxtype = 2;
for (var i=1060;i<1066;i++){
$("#pkg"+i).hide();
}
for (var i=1069;i<1072;i++){
$("#pkg"+i).hide();
}
for (var i=1066;i<1069;i++){
$("#pkg"+i).show();
}
}
function wjgxpt() {
$("#wjgxgd").removeClass("active");
$("#wjgxpt").addClass("active");
if (wjgxtype == 1) {
for (var i=1060;i<1063;i++){
$("#pkg"+i).show();
}
for (var i=1063;i<1072;i++){
$("#pkg"+i).hide();
}
} else if (wjgxtype == 2) {
for (var i=1060;i<1063;i++){
$("#pkg"+i).hide();
}
for (var i=1063;i<1066;i++){
$("#pkg"+i).show();
}
for (var i=1067;i<1072;i++){
$("#pkg"+i).hide();
}
}
}
function wjgxgj() {
$("#wjgxgd").addClass("active");
$("#wjgxpt").removeClass("active");
if (wjgxtype == 1) {
for (var i=1060;i<1063;i++){
$("#pkg"+i).hide();
}
for (var i=1063;i<1066;i++){
$("#pkg"+i).show();
}
for (var i=1066;i<1072;i++){
$("#pkg"+i).hide();
}
} else if (wjgxtype == 2) {
for (var i=1060;i<1069;i++){
$("#pkg"+i).hide();
}
for (var i=1069;i<1072;i++){
$("#pkg"+i).show();
}
}
}
$(function () {
$(".productItem").click(function () {
//$(this).addClass("kuang");
@@ -961,8 +1090,8 @@
for (var i=1;i<30;i++){
$("#p"+i).removeClass("on");
}
} else if (pid == 20){
for (var i=1048;i<1060;i++){
} else if (pid == 20||pid == 21){
for (var i=1048;i<1072;i++){
$("#pkg"+i).hide();
}
for (var i=1;i<30;i++){
@@ -971,6 +1100,7 @@
} else {
$("#p14").removeClass("on");
$("#p20").removeClass("on");
$("#p21").removeClass("on");
}
select(pid);
});