Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
CoCo_Code_Op2
next.js
提交
89089f55
N
next.js
项目概览
CoCo_Code_Op2
/
next.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
next.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
89089f55
编写于
10月 15, 2016
作者:
G
Guillermo Rauch
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add some basic examples
上级
a9321714
变更
7
隐藏空白更改
内联
并排
Showing
7 changed file
with
128 addition
and
0 deletion
+128
-0
examples/basic-css/pages/index.js
examples/basic-css/pages/index.js
+21
-0
examples/head-elements/pages/index.js
examples/head-elements/pages/index.js
+14
-0
examples/hello-world/pages/about.js
examples/hello-world/pages/about.js
+4
-0
examples/hello-world/pages/index.js
examples/hello-world/pages/index.js
+5
-0
examples/nested-components/components/paragraph.js
examples/nested-components/components/paragraph.js
+13
-0
examples/nested-components/components/post.js
examples/nested-components/components/post.js
+23
-0
examples/nested-components/pages/index.js
examples/nested-components/pages/index.js
+48
-0
未找到文件。
examples/basic-css/pages/index.js
0 → 100644
浏览文件 @
89089f55
import
React
from
'
react
'
import
{
css
,
StyleSheet
}
from
'
next/css
'
export
default
()
=>
(
<
div
className
=
{
css
(
styles
.
main
)}
>
<
p
>
Hello
World
<
/p
>
<
/div
>
)
const
styles
=
StyleSheet
.
create
({
main
:
{
font
:
'
15px Helvetica, Arial, sans-serif
'
,
background
:
'
#eee
'
,
padding
:
'
100px
'
,
textAlign
:
'
center
'
,
transition
:
'
100ms ease-in background
'
,
'
:hover
'
:
{
background
:
'
#ccc
'
}
}
})
examples/head-elements/pages/index.js
0 → 100644
浏览文件 @
89089f55
import
React
from
'
react
'
import
Head
from
'
next/head
'
export
default
()
=>
(
<
div
>
<
Head
>
<
title
>
This
page
has
a
title
🤔
<
/title
>
<
meta
charSet
=
"
utf-8
"
/>
<
meta
name
=
"
viewport
"
content
=
"
initial-scale=1.0, width=device-width
"
/>
<
/Head
>
<
h1
>
This
page
has
a
title
🤔
<
/h1
>
<
/div
>
)
examples/hello-world/pages/about.js
0 → 100644
浏览文件 @
89089f55
import
React
from
'
react
'
export
default
()
=>
(
<
div
>
About
us
<
/div
>
)
examples/hello-world/pages/index.js
0 → 100644
浏览文件 @
89089f55
import
React
from
'
react
'
import
Link
from
'
next/link
'
export
default
()
=>
(
<
div
>
Hello
World
.
<
Link
href
=
"
/about
"
>
About
<
/Link></
div
>
)
examples/nested-components/components/paragraph.js
0 → 100644
浏览文件 @
89089f55
import
React
from
'
react
'
import
{
css
,
StyleSheet
}
from
'
next/css
'
export
default
({
children
})
=>
(
<
p
className
=
{
css
(
styles
.
main
)}
>
{
children
}
<
/p
>
)
const
styles
=
StyleSheet
.
create
({
main
:
{
font
:
'
13px Helvetica, Arial
'
,
margin
:
'
10px 0
'
}
})
examples/nested-components/components/post.js
0 → 100644
浏览文件 @
89089f55
import
React
from
'
react
'
import
{
css
,
StyleSheet
}
from
'
next/css
'
export
default
({
title
,
children
})
=>
(
<
div
className
=
{
css
(
styles
.
main
)}
>
<
h1
className
=
{
css
(
styles
.
title
)}
>
{
title
}
<
/h1
>
{
children
}
<
/div
>
)
const
styles
=
StyleSheet
.
create
({
main
:
{
font
:
'
15px Helvetica, Arial
'
,
border
:
'
1px solid #eee
'
,
padding
:
'
0 10px
'
},
title
:
{
fontSize
:
'
16px
'
,
fontWeight
:
'
bold
'
,
margin
:
'
10px 0
'
}
})
examples/nested-components/pages/index.js
0 → 100644
浏览文件 @
89089f55
import
React
from
'
react
'
import
P
from
'
../components/paragraph
'
import
Post
from
'
../components/post
'
import
{
css
,
StyleSheet
}
from
'
next/css
'
export
default
()
=>
(
<
div
className
=
{
css
(
styles
.
main
)}
>
<
Post
title
=
"
My first blog post
"
>
<
P
>
Hello
there
<
/P
>
<
P
>
This
is
an
example
of
a
componentized
blog
post
<
/P
>
<
/Post
>
<
Hr
/>
<
Post
title
=
"
My second blog post
"
>
<
P
>
Hello
there
<
/P
>
<
P
>
This
is
another
example
.
<
/P
>
<
P
>
Wa
-
hoo
!<
/P
>
<
/Post
>
<
Hr
/>
<
Post
title
=
"
The final blog post
"
>
<
P
>
C
'
est fin</P>
</Post>
</div>
)
const Hr = () => <hr className={css(styles.hr)} />
const styles = StyleSheet.create({
main: {
margin:
'
auto
'
,
maxWidth:
'
420
px
'
,
padding:
'
10
px
'
},
hr: {
width:
'
100
px
'
,
borderWidth: 0,
margin:
'
20
px
auto
'
,
textAlign:
'
center
'
,
'
:
before
'
: {
content:
'"
***
"'
,
color:
'
#
ccc
'
}
}
})
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录