Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
32ca98c2
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
32ca98c2
编写于
1月 11, 2016
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update home page style
上级
adf9a11b
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
12 addition
and
10 deletion
+12
-10
scripts/home.js
scripts/home.js
+5
-7
site/templates/home.html
site/templates/home.html
+7
-3
未找到文件。
scripts/home.js
浏览文件 @
32ca98c2
...
...
@@ -7,7 +7,6 @@ import TweenOne from 'rc-tween-one';
// 导航处理
function
scrollNavEvent
()
{
console
.
log
(
document
.
body
.
scrollTop
);
const
scrollTop
=
document
.
body
.
scrollTop
||
document
.
documentElement
.
scrollTop
;
const
clientHeight
=
document
.
documentElement
.
clientHeight
;
if
(
scrollTop
>=
clientHeight
)
{
...
...
@@ -37,7 +36,7 @@ class Banner extends React.Component {
return
(
<
div
>
<
QueueAnim
className
=
"
banner-text-wrapper
"
type
=
{
this
.
typeFunc
}
delay
=
{
300
}
>
<
h
1
key
=
"
h1
"
>
ANT
<
p
>
DESIGN
<
/p></
h1
>
<
h
2
key
=
"
h2
"
>
ANT
<
p
>
DESIGN
<
/p></
h2
>
<
p
key
=
"
content
"
>
一个
UI
设计语言
<
/p
>
<
span
className
=
"
line
"
key
=
"
line
"
/>
<
a
key
=
"
button
"
href
=
"
/docs/spec/introduce
"
><
Icon
type
=
"
smile-circle
"
/>
开始探索
<
/a
>
...
...
@@ -52,14 +51,13 @@ class Banner extends React.Component {
ReactDOM
.
render
(
<
Banner
/>
,
document
.
getElementById
(
'
banner
'
));
// page1
ReactDOM
.
render
((
<
ScrollOverPack
className
=
"
content-wrapper
"
>
<
TweenOne
key
=
"
image
"
className
=
"
image1 image-wrapper
"
vars
=
{{
x
:
0
,
opacity
:
1
,
duration
:
550
}}
style
=
{{
transform
:
'
translateX(-100px)
'
,
opacity
:
0
}}
/
>
<
QueueAnim
className
=
"
text-wrapper
"
delay
=
{
300
}
key
=
"
text
"
duration
=
{
550
}
leaveReverse
>
<
h
1
key
=
"
h1
"
>
最佳实践
<
/h1
>
<
h
2
key
=
"
h2
"
>
最佳实践
<
/h2
>
<
p
key
=
"
p
"
style
=
{{
maxWidth
:
310
}}
>
近一年的中后台设计实践
,
积累了大量的优秀案例
。
<
/p
>
<
div
key
=
"
button
"
><
Button
type
=
"
primary
"
size
=
"
large
"
onClick
=
{()
=>
{
window
.
location
.
href
=
'
/docs/practice/cases
'
}}
>
了解更多
<
Icon
type
=
"
right
"
/><
/Button></
div
>
...
...
@@ -71,7 +69,7 @@ ReactDOM.render((
ReactDOM
.
render
((
<
ScrollOverPack
className
=
"
content-wrapper
"
>
<
QueueAnim
className
=
"
text-wrapper left-text
"
delay
=
{
300
}
key
=
"
text
"
duration
=
{
550
}
type
=
'
bottom
'
leaveReverse
>
<
h
1
key
=
"
h1
"
>
设计模式
<
/h1
>
<
h
2
key
=
"
h2
"
>
设计模式
<
/h2
>
<
p
key
=
"
p
"
style
=
{{
maxWidth
:
260
}}
>
总结中后台设计中反复出现的问题
,
并提供相应的解决方案
。
<
/p
>
<
div
key
=
"
button
"
><
Button
type
=
"
primary
"
size
=
"
large
"
onClick
=
{()
=>
{
window
.
location
.
href
=
'
/docs/pattern/navigation
'
}}
>
了解更多
<
Icon
type
=
"
right
"
/><
/Button
>
...
...
@@ -88,7 +86,7 @@ ReactDOM.render((
<
TweenOne
key
=
"
image
"
className
=
"
image3 image-wrapper
"
vars
=
{{
x
:
0
,
opacity
:
1
,
duration
:
550
}}
style
=
{{
transform
:
'
translateX(-100px)
'
,
opacity
:
0
}}
/
>
<
QueueAnim
className
=
"
text-wrapper
"
delay
=
{
300
}
key
=
"
text
"
duration
=
{
550
}
leaveReverse
style
=
{{
top
:
'
40%
'
}}
>
<
h
1
key
=
"
h1
"
>
数十个基础设计组件
<
/h1
>
<
h
2
key
=
"
h2
"
>
数十个基础设计组件
<
/h2
>
<
p
key
=
"
p
"
style
=
{{
maxWidth
:
280
}}
>
丰富而且灵活的基础组件
,
为业务产品提供强有力的设计支持
。
<
/p
>
<
div
key
=
"
button
"
><
Button
type
=
"
primary
"
size
=
"
large
"
onClick
=
{()
=>
{
window
.
location
.
href
=
'
/docs/react/introduce
'
}}
>
了解更多
<
Icon
...
...
@@ -101,7 +99,7 @@ ReactDOM.render((
ReactDOM
.
render
((
<
ScrollOverPack
className
=
"
content-wrapper
"
>
<
QueueAnim
className
=
"
text-wrapper-bottom
"
delay
=
{
300
}
key
=
"
text
"
duration
=
{
550
}
leaveReverse
type
=
"
bottom
"
>
<
h
1
key
=
"
h1
"
>
微小
·
确定
·
幸福
<
/h1
>
<
h
2
key
=
"
h2
"
>
微小
·
确定
·
幸福
<
/h2
>
<
p
key
=
"
p
"
>
这是一套致力于提升
『
用户
』
和
『
设计者
』
使用体验的中后台设计语言
。
<
/p
>
<
/QueueAnim
>
<
TweenOne
key
=
"
image
"
className
=
"
image4 bottom-wrapper
"
vars
=
{{
y
:
0
,
opacity
:
1
,
duration
:
550
,
delay
:
550
}}
...
...
site/templates/home.html
浏览文件 @
32ca98c2
...
...
@@ -3,6 +3,7 @@
{% block bodyAttribute %}class="index-page"{% endblock %}
{% block content %}
<link
href=
"http://fonts.useso.com/css?family=Raleway:600,500,400,300"
rel=
"stylesheet"
type=
"text/css"
>
<section
id=
"banner"
></section>
<section
id=
"page1"
class=
"page"
></section>
<section
id=
"page2"
class=
"page"
></section>
...
...
@@ -79,12 +80,13 @@
color
:
#666
;
}
.banner-text-wrapper
h
1
{
.banner-text-wrapper
h
2
{
font-size
:
40px
;
font-weight
:
normal
;
font-family
:
'Raleway'
;
}
.banner-text-wrapper
h
1
p
{
.banner-text-wrapper
h
2
p
{
color
:
#FF3171
;
display
:
inline-block
;
}
...
...
@@ -199,9 +201,11 @@
left
:
10px
;
}
.content-wrapper
.text-wrapper
h1
{
.content-wrapper
.text-wrapper
h2
,
.content-wrapper
.text-wrapper-bottom
h2
{
font-size
:
32px
;
color
:
#666
;
font-weight
:
normal
;
}
.content-wrapper
.text-wrapper
p
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录