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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<base href="">
<title>h5-template-generator</title>
<script src="http://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet" >
<link href="./index.css" rel="stylesheet" >
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"></script>
</head>
<body>
<!-- 编辑区域 -->
<div class="edit-form container-fluid">
<div class="alert alert-danger" role="alert"></div>
<div class="row">
<div class="img-area col-xs-6 col-sm-6 col-md-6 col-lg-6">
<input class="check-item" type="checkbox" value="1" />
<img src="../lib/images/jiangzhuang_Img1@3x.png" class="img-thumbnail ">
</div>
<div class="img-area col-xs-6 col-sm-6 col-md-6 col-lg-6">
<input class="check-item" type="checkbox" value="2" />
<img src="../lib/images/jiangzhuang_Img2@3x.png" class="img-thumbnail ">
</div>
<div class="img-area col-xs-6 col-sm-6 col-md-6 col-lg-6">
<input class="check-item" type="checkbox" value="3" />
<img src="../lib/images/jiangzhuang_Img3@3x.png" class="img-thumbnail ">
</div>
<div class="img-area col-xs-6 col-sm-6 col-md-6 col-lg-6">
<input class="check-item" type="checkbox" value="4" />
<img src="../lib/images/jiangzhuang_Img4@3x.png" class="img-thumbnail ">
</div>
<div class="img-area col-xs-6 col-sm-6 col-md-6 col-lg-6">
<input class="check-item" type="checkbox" value="5" />
<img src="../lib/images/jiangzhuang_Img5@3x.png" class="img-thumbnail ">
</div>
<div class="img-area col-xs-6 col-sm-6 col-md-6 col-lg-6">
<input class="check-item" type="checkbox" value="6" />
<img src="../lib/images/jiangzhuang_Img6@3x.png" class="img-thumbnail ">
</div>
</div>
<form class="info-area">
<div class="form-group">
<input type="text" class="form-control" id="praise" placeholder="请填写表扬文本">
</div>
<div class="form-group">
<input type="date" class="form-control" id="date" placeholder="日期">
</div>
<div class="form-group">
<input type="text" class="form-control" id="sign" placeholder="老师签名">
</div>
<button type="button" class="btn btn-success preview">预览</button>
</form>
</div>
<!-- 展示区域 -->
<img id="playView" src="" />
<span class="glyphicon glyphicon-remove text-success close-view"></span>
</body>
<script src="./index.js"></script>
</html>