-
Notifications
You must be signed in to change notification settings - Fork 0
/
newSection.html
132 lines (127 loc) · 5.88 KB
/
newSection.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, user-scalable=no" /><!--不允许用户缩放-->
<meta content="telephone=no" name="format-detection" /><!--忽略页面中的数字识别为电话号码-->
<meta content="yes" name="apple-mobile-web-app-capable" /><!--离线应用的另一个技巧-->
<meta content="black" name="apple-mobile-web-app-status-bar-style" /><!--指定的iphone中safari顶端的状态条的样式-->
<meta name="renderer" content="webkit"><!-- 启用360浏览器的极速模式(webkit) -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 避免IE使用兼容模式 -->
<meta name="HandheldFriendly" content="true"><!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="MobileOptimized" content="320"><!-- 微软的老式浏览器 -->
<meta name="full-screen" content="yes"><!-- UC强制全屏 -->
<meta name="x5-fullscreen" content="true"><!-- QQ强制全屏 -->
<meta name="browsermode" content="application"><!-- UC应用模式 -->
<meta name="x5-page-mode" content="app"><!-- QQ应用模式 -->
<meta name="msapplication-tap-highlight" content="no"><!-- windows phone 点击无高光 -->
<link rel="stylesheet" type="text/css" href="style/base.css"/>
<link rel="stylesheet" type="text/css" href="style/common.css"/>
<link rel="stylesheet" type="text/css" href="style/fillfont.css"/>
<script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/layer.js"></script>
<title>新增功能</title>
</head>
<body class="pt">
<header class="commom_header">
<a href="javascript:history.go(-1)"><i class="fillfont icon-arrow_left"></i></a>
<h1>新增功能</h1>
<a href="index.html"><i class="fillfont icon-icon1"></i></a>
</header>
<section class="admin_top">
<img src="images/pic.png" >
<figcaption>
<h3>社群联盟</h3>
<h4>当前版块：基础版块+内容版块+护群管理</h4>
</figcaption>
</section>
<section class="h2-sec mb15 newBuyCon">
<h2>请选择升级模块<small>（可多选）</small></h2>
<ul>
<li class="form_whiteline" id="groupUnion">
<span class="sec-tag"><i class="fillfont icon-icon mr5"></i>社群联盟<a href="#" class="ml5"><small class="c-blue">查看详情</small></a></span>
<span class="pr fr" style="font-size:12px"><small>￥</small>188.00 <span class="c-88">/永久</span><input type="checkbox" class="checkVisible ml5" name="checkItem"></span>
</li>
<li class="form_whiteline f13"><strong>原价：</strong><span class="fr c-88" style="text-decoration: line-through"><small>￥</small>0</span></li>
<li class="form_whiteline f13"><strong>优惠价：</strong><span class="fr c-blue"><small>￥</small>0</span></li>
</ul>
<ul>
<li class="form_whiteline">
<span class="sec-tag"><i class="fillfont icon-tupian mr5"></i>娱乐版块<a href="#" class="ml5"><small class="c-blue">查看详情</small></a></span>
<span class="pr fr" style="font-size:12px"><small>￥</small>88.00 <span class="c-88">/3个月</span><input type="checkbox" class="checkVisible ml5" name="checkItem"></span>
</li>
<li class="form_whiteline f13"><strong>原价：</strong><span class="fr c-88" style="text-decoration: line-through"><small>￥</small>0</span></li>
<li class="form_whiteline f13"><strong>优惠价：</strong><span class="fr c-blue"><small>￥</small>0</span></li>
</ul>
</section>
<a class="btn_block ml20 mr20" onclick="upGrade();">升级</a>
<section class="h2-sec payWay none" id="payWay">
<h2><span>应付金额：</span><b class="c-blue"><small>￥</small>188.00</b></h2>
<ul>
<li><input type="radio" class="mr5" id="payWay_wx" checked><label for="payWay_wx"><img src="images/wxPay_logo.png" alt="微信支付">微信支付</label></li>
<!-- <li><input type="radio" class="mr5" id="payWay_jd"><label for="payWay_jd">京东支付</label></li> -->
</ul>
</section>
</body>
<script>
function upGrade(){
var choseItemLen=$("input[name='checkItem']:checked").length;
if(choseItemLen == 0){
return
}
var groupUnion=$("#groupUnion").find("input[name='checkItem']");
var msgstr='<p class="m15">该群已加入群联盟！如您选择升级，将自动退出原有联盟，并升级为联盟主群，<span class="c-r3">请谨慎操作！</span><p>';
if(groupUnion.is(":checked")){
var msgLayer=layer.open({
type:1,
title:'温馨提示',
content:msgstr,
scrollbar:false,
shadeClose: true, //点击遮罩关闭
btn:['确定','取消'],
yes:function(index,layero){
//按钮【确定】的回调
layer.close(msgLayer);
var payWay=layer.open({
type:1,
title:'请选择支付方式',
content:$("#payWay"),
scrollbar:false,
shadeClose: true, //点击遮罩关闭
btn:['确定','取消'],
yes:function(index,layero){
//按钮【确定】的回调
layer.close(payWay);
},
btn2:function(index,layero){
//按钮【确定】的回调
layer.close(payWay);
}
})
},
btn2:function(index,layero){
//按钮【确定】的回调
layer.close(msgLayer);
}
})
}else{
var payWay=layer.open({
type:1,
title:'请选择支付方式',
content:$("#payWay"),
scrollbar:false,
shadeClose: true, //点击遮罩关闭
btn:['确定','取消'],
yes:function(index,layero){
//按钮【确定】的回调
layer.close(payWay);
},
btn2:function(index,layero){
//按钮【确定】的回调
layer.close(payWay);
}
})
}
}
</script>
</html>