-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (133 loc) · 6.57 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
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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<!-- 该文档是手写的 -->
<meta charset="utf-8">
<title>Regular UI</title>
<meta name="author" content="森森">
<meta name="keywords" content="Regular,UI,JavaScript,Framework,MVC,MVVM">
<meta name="description" content="Regular UI">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/doc.default.min.css">
<!--[if lt IE9]>
<script>
(function() {
if (!
/*@cc_on!@*/
0) return;
var e = 'abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video'.split(', ');
var i= e.length;
while (i--)
document.createElement(e[i]);
})();
</script>
<![endif]-->
</head>
<body>
<div class="g-top">
<div class="g-topc">
<a class="u-logo u-logo-index" href="index.html">Regular UI</a>
<ul class="m-navbar f-fr">
<li><a href="start/quickstart.html">开始使用</a></li>
<li><a href="cssunit/base.html">CSS元件</a></li>
<li><a href="cssmodule/navbar.html">CSS模块</a></li>
<li><a href="jsunit/dropdown.html">JS元件</a></li>
<li><a href="jsmodule/tabs.html">JS模块</a></li>
</ul>
</div>
</div>
<div class="g-hd">
<header class="m-header">
<div class="header_bd">
<!-- <h2>Regular UI<sup>v0.1</sup></h2> -->
<h2>一款基于RegularJS的前端组件库</h2>
<h3>轻量、简洁、高效</h3>
<p>
<a class="u-btn u-btn-primary" href="start/quickstart.html"><i class="u-icon u-icon-paper-plane"></i> 快速开始</a>
<a class="u-btn" target="_blank" href="https://github.com/regular-ui/regular-ui/releases/latest"><i class="u-icon u-icon-cloud-download"></i> 下载最新</a>
</p>
</div>
<div class="header_ft">
<div class="g-row">
<a class="g-col g-col-4" target="_blank" href="https://github.com/regular-ui/regular-ui/stargazers"><div class="header_number">35</div><div class="header_label"><i class="u-icon u-icon-star"></i> Stars</div></a>
<a class="g-col g-col-4" target="_blank" href="https://github.com/regular-ui/regular-ui/releases/latest"><div class="header_number">0.1.8</div><div class="header_label"><i class="u-icon u-icon-github-alt"></i> Latest Version</div></a>
<a class="g-col g-col-4" target="_blank" href="https://github.com/regular-ui/regular-ui/network/members"><div class="header_number">17</div><div class="header_label"><i class="u-icon u-icon-code-fork"></i> Forks</div></a>
</div>
<div><a class="u-btn" target="_blank" href="https://github.com/regular-ui/regular-ui"><i class="u-icon u-icon-github"></i> View on GitHub</a></div>
</div>
</header>
</div>
<div class="g-seg">
<div class="g-segc">
<div class="g-row">
<div class="g-col g-col-6">
<div class="m-part">
<h2><i class="u-icon u-icon-gg"></i> 组件化</h2>
<p>Regular UI包含20多个CSS组件和30多个JS组件，可以快速构建内容丰富、功能复杂的页面，大幅提升开发效率。</p>
</div>
</div>
<div class="g-col g-col-6">
<div class="m-part">
<h2><i class="u-icon u-icon-magic"></i> 可定制</h2>
<p>组件中可以定制需要的模板，方便扩展；打包时可以选择需要的组件，减小Regular UI文件的体积；还可以根据主题内核，轻松定制自己喜欢的主题样式。</p>
</div>
</div>
<div class="g-col g-col-6">
<div class="m-part">
<h2><i class="u-icon u-icon"></i> RegularJS</h2>
<p>RegularJS是一款轻便的基于动态模板实现的用于构建数据驱动型组件的新一代类库。Regular UI的JS代码只依赖RegularJS。</p>
</div>
</div>
<div class="g-col g-col-6">
<div class="m-part">
<h2><i class="u-icon u-icon"></i> MCSS & SASS</h2>
<p>为了方便组件化管理，CSS使用了预处理器进行编写。Regular UI同时支持MCSS和SASS预处理器，可以满足不同的项目需要。</p>
</div>
</div>
<!-- <div class="g-col g-col-6">
<div class="m-part">
<h2><i class="u-icon u-icon-tablet"></i> 响应式</h2>
<p></p>
</div>
</div>
<div class="g-col g-col-6">
<div class="m-part">
<h2><i class="u-icon u-icon"></i> ES6</h2>
<p></p>
</div>
</div> -->
</div>
</div>
</div>
<!--<div class="g-bd g-bd-dark">
<div class="g-bdc">
div class="m-part">
<h2><i class="u-icon u-icon-gg"></i> 组件化</h2>
<p>Regular UI包含20多个CSS组件和30多个JS组件，可以快速构建内容丰富、功能复杂的页面，大幅提升开发效率。</p>
</div>
<div class="m-part">
<h2><i class="u-icon u-icon-gg"></i> 响应式</h2>
<p>此处正在装逼。。。</p>
</div>
<div class="m-part">
<h2><i class="u-icon u-icon-gg"></i> 可定制</h2>
<p>组件中可以定制自己需要的模板，方便扩展；打包时可以选择自己需要的组件，减小Regular UI文件的体积；还可以根据主题内核，轻松定制自己喜欢的主题样式。</p>
</div
</div>
</div>-->
<div class="g-ft">
<footer class="m-footer">
<p><a href="index.html" class="footer_logo"><img src="img/logo-v2.0-bg-48.png" /></p>
<p>
<a href="https://github.com/regular-ui/regular-ui" target="_blank">GitHub</a> |
<a href="https://github.com/regular-ui/regular-ui/issues" target="_blank">Issues</a> |
<a href="https://github.com/regular-ui/regular-ui/releases" target="_blank">ChangeLog</a> |
<a href="https://github.com/regular-ui/regular-ui/blob/master/CONTRIBUTING.md" target="_blank">Contributing</a>
</p>
<p>Licensed under <a href="https://github.com/regular-ui/regular-ui/blob/master/LICENSE" target="_blank">MIT license</a>.</p>
</footer>
</div>
</body>
</html>