-
Notifications
You must be signed in to change notification settings - Fork 0
/
jyyh.html
175 lines (154 loc) · 6.99 KB
/
jyyh.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>车生活</title>
<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">
<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="assets/i/[email protected]">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="车生活" />
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="assets/i/[email protected]">
<meta name="msapplication-TileColor" content="#0e90d2">
<link rel="stylesheet" href="assets/css/amazeui.min.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
<div class="am-header-left am-header-nav">
<a href="javascript:history.go(-1)" class="">
<i class="am-header-icon am-icon-chevron-left"></i>
</a>
</div>
<h1 class="am-header-title">
<a href="#title-link" class="">加油优惠</a>
</h1>
<div class="am-header-right am-header-nav">
<a href="javascript:;" id="nav_click" class="">
<i class="am-menu-toggle-icon am-icon-th-large am-icon-sm"></i>
</a>
</div>
</header>
<div style="height:30px"></div>
<section data-am-widget="accordion" class="am-accordion am-accordion-gapped" data-am-accordion='{ }'>
<dl class="am-accordion-item ">
<dt class="am-accordion-title"><span class="am-icon-check-circle-o"> 优惠说明</span></dt>
<dd class="am-accordion-bd am-collapse ">
<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
<div class="am-accordion-content">
1、申请成功的用户，我们将提供一张中石化优惠加油卡；
<br/> 2、本卡仅限XX范围内中石化加油站使用；
<br/> 3、使用本卡结算，在实时油价基础上优惠0.2元/升；
<br/> 4、一位车主只能申请一张加油优惠卡。
</div>
</dd>
</dl>
<dl class="am-accordion-item">
<dt class="am-accordion-title"><span class="am-icon-check-circle-o"> 如何充值</span></dt>
<dd class="am-accordion-bd am-collapse ">
<!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
<div class="am-accordion-content">
1、在中石化网点进行充值；
<br/> 2、通过代扣协议充值；
<br/> 3、在线充值。
</div>
</dd>
</dl>
<dl class="am-accordion-item am-active">
<dt class="am-accordion-title"><span class="am-icon-check-circle-o"> 申请加油卡</span></dt>
<dd class="am-accordion-bd am-collapse am-in">
<div class="am-accordion-content">
<form action="cljg.html" class="am-form" id="doc-vld-msg">
<div class="am-g am-g-collapse ">
<div class="am-u-sm-12">
<div class="am-input-group am-form-group am-input-group-default">
<span class="am-input-group-label">
车主姓名
</span>
<input class="am-form-field" type="text" minlength="2" maxlength="20" data-validation-message="*请输入正确的姓名，以便与您联系" placeholder="请输入您的姓名" required/>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-input-group am-form-group am-input-group-default">
<span class="am-input-group-label">您的性别</span>
<select>
<option value="1" selected>先生</option>
<option value="2">女士</option>
</select>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-input-group am-form-group am-input-group-default">
<span class="am-input-group-label">手机号码</span>
<input class="am-form-field" type="tel" minlength="11" maxlength="11" data-validation-message="*请输入正确的号码，以便与您联系" placeholder="请输入手机号码" onkeyup="this.value = this.value.toUpperCase();" required/>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-input-group am-form-group am-input-group-default">
<span class="am-input-group-label">车牌号码</span>
<input class="am-form-field" type="text" minlength="7" maxlength="7" data-validation-message="*请输入正确的车牌号码" placeholder="请输入您的车牌号码" onkeyup="this.value = this.value.toUpperCase();" value="粤S" required/>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-input-group am-form-group am-input-group-default">
<span class="am-input-group-label">收货地址</span>
<input class="am-form-field" type="text" minlength="10" maxlength="100" data-validation-message="*请输入正确的派寄地址" placeholder="请输入您的收货地址" required/>
</div>
</div>
<div class="am-u-sm-12">
<div class="am-form-group">
<div>*请正确填写资料，我们将审核后为您派发优惠卡</div>
</div>
</div>
<div class="am-u-sm-12">
<button class="am-btn am-btn-success am-radius am-btn-block" type="submit">提交</button>
</div>
</div>
</form>
</dd>
</dl>
</section>
<script type="text/x-handlebars-template" id="amz-tpl">
{{>navbar navbar}}
</script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/handlebars.min.js"></script>
<script src="assets/js/amazeui.widgets.helper.js"></script>
<script src="assets/js/app.js"></script>
<script type="text/javascript">
$(function() {
$('#doc-vld-msg').validator({
onValid: function(validity) {
$(validity.field).closest('.am-form-group').find('.am-alert').hide();
},
onInValid: function(validity) {
var $field = $(validity.field);
var $group = $field.closest('.am-form-group');
var $alert = $group.find('.am-alert');
// 使用自定义的提示信息 或 插件内置的提示信息
var msg = $field.data('validationMessage') || this.getValidationMessage(validity);
if (!$alert.length) {
$alert = $('<div class="am-alert am-alert-danger"></div>').hide().
appendTo($group);
}
$alert.html(msg).show();
}
});
});
</script>
</body>
</html>