-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
148 lines (143 loc) · 7.26 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<title>Flow-UI | 一套高定制性UI框架，基于Seajs/jQuery构建</title>
<meta content="Flow-UI,Flow-UI文档,Flow-CLI,UI框架" name="Keywords">
<meta content="Flow-UI 是一套高定制性UI框架，基于Seajs/jQuery构建，主要服务于前台及中后台产品。" name="Description">
<meta property="og:type" content="document"/>
<meta property="og:release_date" content="2016-06-20"/>
<meta property="og:title" content="Flow-UI Documentation"/>
<meta property="og:description" content="Flow-UI 是一套组件化UI框架，支持定制主题，主要服务于前台及中后台产品。"/>
<meta property="og:document:type" content="html"/>
<meta property="og:image" content="https://github.com/tower1229/tower1229.github.io/raw/master/asset/ico108.png"/>
<meta property="og:document:page" content="1"/>
<meta property="og:document:cost" content="免费"/>
<link href="/docs/favicon.ico" rel="icon">
<link href="/docs/css/style.css" rel="stylesheet">
<script type="text/javascript">
if(window.location.href.indexOf('https')===0){
document.write('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />');
}
</script>
<!--[if lt IE 9]><script src="/docs/lib/H5shiv.js"></script><![endif]-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?f10103677155b485824f29def715eb5d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="//msite.baidu.com/sdk/c.js?appid=1585542911827735"></script>
<link rel="canonical" href="http://flow-ui.refined-x.com/" />
<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "http://flow-ui.refined-x.com/",
"appid": "1585542911827735",
"title": "Flow-UI | 一套高定制性UI框架，基于Seajs/jQuery构建",
"images": [
"http://flow-ui.refined-x.com/docs/img/flow-ui-logo.jpg"
],
"description": "Flow-UI 是一套高定制性UI框架，基于Seajs/jQuery构建，内置CSS组件、JS插件、模块化开发体系、自动化开发工具、常见场景解决方案。",
"pubDate": "2017-12-26T08:00:01"
}
</script>
</head>
<body class="scrollbar" style="font-size:16px;">
<header class="doc-head">
<h1><a href="/">Flow-UI</a></h1>
<ul class="_nav">
<li><a href="docs.html">文档</a></li>
<li><a href="/Flow-UI/dashboard/">控制台</a></li>
</ul>
<a href="https://github.com/flow-ui/Flow-UI" target="_blank" class="_link">Github</a>
</header>
<section class="welcome">
<div class="wrap">
<div class="row">
<div class="span-6 smal-12 pull-right">
<img src="/docs/img/flow-ui-logo.jpg" align="flow-ui-logo" />
</div>
<div class="span-6 smal-12 pull-left">
<p> <strong class="text-primary">Flow-UI</strong> 是一套高定制性UI框架，基于Seajs/jQuery构建，内置CSS组件、JS插件、模块化开发体系、自动化开发工具、常见场景解决方案。</p>
<p>Flow-UI配合Flow-CLI可以获得极高的UI定制性，当你需要开发拥有独特风格的WEB站点时，这将是你的不二之选；借助丰富的JS插件，Flow-UI也可以满足中台开发需求，而且你将获得比MVVM/MVC方案更好的浏览器兼容性（IE8+）。</p>
<div class="m-tb">
<a class="btn btn-lg btn-primary" href="docs.html#get-start"><strong>快速开始</strong></a>
<a class="btn btn-lg btn-ghost btn-success" href="docs.html#download"><strong>下载</strong></a>
</div>
</div>
</div>
</div>
</section>
<section class="index-blocks">
<div class="full-row">
<div class="span-4 smal-12">
<h2><i class="ion"></i> 安装</h2>
<p>静态文件：</p>
<p>
<code>npm i @tower1229/flow-ui</code>
</p>
<p>自动化开发工具：</p>
<p>
<code>npm i front-flow-cli -g</code>
</p>
</div>
<div class="span-4 smal-12">
<h2><i class="ion"></i> 特性</h2>
<ul>
<li>- 极强的可定制性，为定制UI而生</li>
<li>- 海纳百川，支持模块化/非模块化JS加载</li>
<li>- 模块化加载+本地存储，Hold住请求数</li>
<li>- 支持前端自定义组件，静态稿也能组件化开发</li>
</ol>
</div>
<div class="span-4 smal-12">
<h2><i class="ion"></i> 示例</h2>
<ul>
<li>
- <a href="demo.html" target="_blank">Flow-UI 概览</a>
</li>
<li>
- <a href="/Flow-UI/dashboard/" target="_blank">Flow-UI 控制台</a>
</li>
</ul>
</div>
<div class="span-4 smal-12">
<h2><i class="ion"></i> 生态</h2>
<ul>
<li>- Flow-UI <a href="https://github.com/flow-ui/Flow-UI" target="_blank">Github</a></li>
<li>- Flow-Template <a href="https://github.com/flow-ui/Flow-Template" target="_blank">Github</a></li>
<li>- Flow-CLI <a href="https://github.com/flow-ui/Flow-CLI" target="_blank">Github</a></li>
<li>- Flow-ICON <a href="https://github.com/flow-ui/Flow-ICON" target="_blank">Github</a></li>
</ol>
</div>
<div class="span-4 smal-12">
<h2><i class="ion"></i> 支持</h2>
<ul>
<li>- Issue <a href="https://github.com/flow-ui/Flow-UI/issues" target="_blank">Issue</a></li>
<li>- Blog <a href="https://refined-x.com/" target="_blank">前端技术博客</a></li>
<li>- 讨论群 <a href="https://jq.qq.com/?_wv=1027&k=5Jx8Wu0" target="_blank" rel="external">361917044</a></li>
</ol>
</div>
</div>
</section>
<footer class="wrap oh tc m-tb-lg">
<div class="row "> <a href="#" title="返回顶部" class="dib foot_logo gotop">
<figure></figure>
</a>
<p class="dib"> © 2016 - 3016 tower1229@gmail.com <a href="http://refined-x.com" title="雅X共赏的前端技术博客">雅X共赏</a> | <a href="http://flow-ui.refined-x.com" title="Flow-UI">Flow-UI</a><br>
Acknowledgements : seajs \ bootstrap \ foundation \ ... </p>
</div>
</footer>
<script src="/docs/lib/sea.js" id="seajsnode"></script>
<script>
seajs.use('js/index');
</script>
</body>
</html>