forked from ant-design/ant-ux
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (48 loc) · 2.4 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
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>Ant-UX</title>
<link rel="stylesheet" type="text/css" href="public/css/style.css">
</head>
<body>
<div class="main">
<div class="part_1">
<div class="ux">
<div class="logo"><img src="https://t.alipayobjects.com/images/rmsweb/T1MXJiXaNlXXXXXXXX.svg" alt=""></div>
<div class="pic"><img src="https://t.alipayobjects.com/images/rmsweb/T1xFtiXm8mXXXXXXXX.svg" alt=""></div>
</div>
</div>
<div class="part_2">
<div class="download">
<div class="version">
<h2>Ant-UX Beta</h2>
<p>配合工具:<a href="http://downloads2.omnigroup.com/software/MacOSX/10.10/OmniGraffle-6.4.1.dmg">OmniGraffle</a></p>
</div>
<div class="update"><a href="https://github.com/ant-design/ant-ux/releases" class="btn btn-1 btn-a remove"><span>下载最新版本</span></a></div>
</div>
</div>
<div class="part_3">
<div class="instructions">
<div class="title">
<h1>如何使用</h1>
<p>下载最新组件后, 导入 OmniGraffle, 通过简单的拖拽, 即可连接页面与页面, 帮你梳理 页面逻辑 <a href="https://github.com/ant-design/ant-ux/wiki/Ant-UX">了解更多</a></p>
<div class="video">
<video id="example_video" controls="" preload="auto" width="960" height="540" poster="https://t.alipayobjects.com/images/rmsweb/T13aViXjxaXXXXXXXX.svg" data-setup="{'example_option':true}" class="video-js vjs-default-skin">
<source src="https://t.alipayobjects.com/images/rmsweb/L1JFJiXbXlXXXXXXXX.mov">
</video>
</div>
</div>
<div class="title">
<h1>教程</h1>
<p>OmniGraffle 是一款很棒的线框图工具, 虽然它不是很完美的做到对交互原型设计的支持, 但是在做页面逻辑这块, 它可算得上是一把手, 如果对 OmniGraffle 不了解, 可以看这里这篇 <a href="http://beforweb.com/node/202">教程</a>, 很容易上手.</p>
</div>
<div class="title">
<h1>反馈和吐槽</h1>
<p>如果遇到问题, 欢迎 <a href="https://github.com/hi-caicai">@CaiCai</a>, 或者到我们的 <a href="https://github.com/ant-design/ant-ux/issues">仓库 </a>提需求</p>
</div>
</div>
</div>
</div>
</body>
</html>