/
theme.html
60 lines (48 loc) · 1.93 KB
/
theme.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<meta name="keywords" content="{{keywords|join(',')}}"/>
<meta name="description" content="{{description}}"/>
<meta name="author" content="{{author|raw}}"/>
<!-- Site Properities -->
<title>{{title}}</title>
<link rel="stylesheet" type="text/css" href="dist/semantic/semantic.min.css">
<link rel="stylesheet" type="text/css" href="dist/css/style.css">
<script src="dist/jquery/dist/jquery.min.js"></script>
<script src="dist/semantic/semantic.min.js"></script>
<!--Motice-->
<link href="dist/css/{{name}}.css" rel="stylesheet" />
<!--/Motice-->
<style>
html,body{height:100%;}
body{background:#fff;position:relative;}
.vhc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.motice-container-center-top{top:10px;}
.motice-container-center-bottom{bottom:10px;}
</style>
</head>
<body id="home">
<!--Motice-->
<script src="dist/js/{{name}}.js"></script>
<!--/Motice-->
<script>
Motice({text:'主题1 - 默认提示',timeOut:0, theme:'default', position:'center'});
Motice({text:'主题2 - 强调提示',timeOut:0, theme:'info', position:'center'});
Motice({text:'主题3 - 成功提示',timeOut:0, theme:'success', position:'center'});
Motice({text:'主题4 - 失败提示',timeOut:0, theme:'error', position:'center'});
Motice({text:'主题5 - 警告提示',timeOut:0, theme:'warning', position:'center'});
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?{{baiduTJCode}}";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>