forked from codebdy/rxdrag
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (60 loc) · 2.22 KB
/
index.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 lang="zh_cn">
<head>
<meta charset="utf-8">
<title>RXPage 演示</title>
<link href="vendor/bootstrap-4.4.1-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="style/rxpage-demo.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-light bg-light navbar-expand-sm">
<div class="container">
<a class="navbar-brand" href="#">RXPage</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item" id="nav_getting_started">
<a class="nav-link" href="https://github.com/vularsoft/rxeditor" target="_blank"><i class="fab fa-github"></i> GitHub</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-3">
<div class="row">
<div class="col">
RXPage 内嵌可视化编辑组件，基于Bootstrap实现。
</div>
</div>
</div>
<div class="container mt-3">
<div class="row">
<div class="col-md-2">
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action active">
演示
</a>
<a href="#" class="list-group-item list-group-item-action">安装</a>
<a href="#" class="list-group-item list-group-item-action">使用</a>
</div>
</div>
<div class="col-md-10" style="height:calc(100vh - 120px);">
<div id="rxpage"></div>
</div>
</div>
</div>
<script src="dist/rxpage.js"></script>
<script>
/*var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?aae631d95be9b18b0bf0230286d74da2";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();*/
</script>
</body>
</html>