Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 12e26d8

Browse files
committed
feat(projects): optimize the style of projects on the mobile side
1 parent 4a75adf commit 12e26d8

File tree

3 files changed

+72
-52
lines changed

3 files changed

+72
-52
lines changed

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
"export": "npm run now-build && next export"
1313
},
1414
"dependencies": {
15-
"@zeit-ui/react": "^1.5.0",
15+
"@zeit-ui/react": "^1.7.0-canary.4",
1616
"@zeit-ui/react-icons": "^1.2.2",
1717
"@zeit-ui/react-prism": "^1.0.0",
1818
"ms": "^2.1.2",

‎pages/fixed/projects.mdx‎

Lines changed: 67 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,82 @@
11
import Layout from 'lib/components/layout'
2-
import { Spacer, Dot, Link, Code } from '@zeit-ui/react'
2+
import { Spacer, Dot, Link, Code, Grid, Card, Text, Image } from '@zeit-ui/react'
33

44
export const meta = {
55
title: '开源项目',
66
date: '2019年04月02日T11:31:33.705Z',
77
description: '',
88
}
99

10-
这是我开发一些有意思的项目。
11-
12-
<Spacer y={2} />
13-
<Dot type="success">高活跃度项目</Dot>
14-
<Spacer />
15-
<Link href="https://github.com/unix/func">
16-
<Code>func</Code> - 现代化的,IoC 范式命令行框架。
17-
</Link>
18-
<Spacer y={0.5} />
19-
20-
<Link href="https://github.com/zeit-ui/vue">
21-
<Code>zeit-ui/vue</Code> - ZEIT UI 的 Vue 实现
22-
</Link>
23-
<Spacer y={0.5} />
24-
25-
<Link href="https://github.com/zeit-ui/react">
26-
<Code>zeit-ui/react</Code> - ZEIT UI 的 React 实现
27-
</Link>
28-
<Spacer y={0.5} />
29-
30-
<Link href="https://github.com/unix/views-show">
31-
<Code>views-show</Code> - 无服务器的浏览量统计服务
32-
</Link>
33-
<Spacer y={0.5} />
34-
35-
<Link href="https://github.com/unix/koa-ts">
36-
<Code>koa-ts</Code> - Koa2 与 TS 的最佳实践,包含脚手架
37-
</Link>
38-
<Spacer y={0.5} />
39-
40-
<Link href="https://github.com/unix/want">
41-
<Code>want</Code> - 以不下载的方式在线运行命令,无负担运维
42-
</Link>
43-
<Spacer y={0.5} />
44-
45-
<Link href="https://github.com/unix/done">
46-
<Code>done</Code> - 自动化、标准化的 Release 工具
47-
</Link>
48-
<Spacer y={0.5} />
49-
50-
<Link href="https://github.com/unix/cdn-viewer">
51-
<Code>cdn-viewer</Code> - 以文件树审阅任何版本时的仓库或包
52-
</Link>
53-
<Spacer y={0.5} />
10+
export const Item = ({ name, git, desc, image }) => {
11+
return (
12+
<Grid xs={20} sm={10} md={8}>
13+
<Link target="_blank" href={`https://github.com/${git}`} title={`view ${name} on GitHub`}>
14+
<Card shadow>
15+
{image && (
16+
<div style={{ height: 0, paddingBottom: '50%' }}>
17+
<Image src={image} style={{ objectFit: 'cover' }} />
18+
</div>
19+
)}
20+
<Card.Content>
21+
<Text h3>{name}</Text>
22+
<Text span>{desc}</Text>
23+
</Card.Content>
24+
</Card>
25+
</Link>
26+
</Grid>
27+
)
28+
}
5429

30+
我正在创造一些能够改善开发者体验的工具和开源项目,如果你有不错的想法或正面临一些重复性的工作,
31+
想要有任何改进?<Link rel="nofollow" color target="_blank" href="mailto:unix.bio@gmail.com">请让我知道</Link>。
32+
33+
<Spacer y={1.5} />
34+
<Grid.Container gap={2} justify="center">
35+
<Item
36+
name="Zeit UI React"
37+
git="zeit-ui/react"
38+
desc="极简风格的 React 组件库。"
39+
image="https://user-images.githubusercontent.com/11304944/76085431-fd036480-5fec-11ea-8412-9e581425344a.png"
40+
/>
41+
<Item
42+
name="backset"
43+
git="unix/backset"
44+
desc="高体验、高性能数据流管理工具。"
45+
image="https://repository-images.githubusercontent.com/269178398/eee2d580-a627-11ea-8a09-e2ec16515b53"
46+
/>
47+
<Item
48+
name="func"
49+
git="unix/func"
50+
desc="现代化的,IoC 范式命令行框架。"
51+
image="https://repository-images.githubusercontent.com/191786216/b4ae9d00-8fac-11e9-95ac-ed4241bfe314"
52+
/>
53+
<Item
54+
name="unix.bio"
55+
git="unix/unix.bio"
56+
desc="开源的服务端渲染个人博客。"
57+
image="https://repository-images.githubusercontent.com/245429351/7a54a280-88d5-11ea-96ae-6a2dfaf25b1b"
58+
/>
59+
<Item
60+
name="want"
61+
git="unix/want"
62+
desc="以不下载的方式在线运行命令,无负担运维。"
63+
image="https://repository-images.githubusercontent.com/180941196/b2568a00-af03-11ea-8e25-f3cf612ebb84"
64+
/>
65+
<Item
66+
name="views.show"
67+
git="unix/views-show"
68+
desc="无服务器的浏览量统计服务。"
69+
image="https://repository-images.githubusercontent.com/246850433/65bf7e80-af04-11ea-90f6-2719f264cad4"
70+
/>
71+
</Grid.Container>
5572
<Spacer y={3} />
5673
<Dot type="success">维护中项目</Dot>
5774
<Spacer y={0.5} />
5875

59-
- [unix.bio](https://github.com/unix/unix.bio) 开源的服务端渲染个人博客
76+
- [zeit-ui/vue](https://github.com/zeit-ui/vue) ZEIT UI 的 Vue 实现
77+
- [koa-ts](https://github.com/unix/koa-ts) Koa2 与 TS 的最佳实践,包含脚手架
78+
- [done](https://github.com/unix/done) 自动化、标准化的 Release 工具
79+
- [cdn-viewer](https://github.com/unix/cdn-viewer) 以文件树审阅任何版本时的仓库或包
6080
- [func-service](https://github.com/unix/func-service) 使用 func 构建的 func 脚手架
6181
- [store-now](https://github.com/unix/store-now) 命令行工具文件存储
6282
- [zeit-style](https://github.com/zeit-ui/zeit-style) Zeit UI 的 CSS 实现
@@ -101,6 +121,6 @@ export const meta = {
101121
- [just-fine/fine.sh-cli](https://github.com/just-fine/fine.sh-cli) 一键部署文档工具
102122
- [now-coffee](https://github.com/unix/now-coffee) Now 的 coffeescript 编译过
103123
- [DungeonWatchDog](https://github.com/unix/DungeonWatchDog) 魔兽世界 Lua 插件,地下城过滤器,[用户量>40k](https://www.curseforge.com/wow/addons/dungeonwatchdog)。
104-
- [Nioro](https://github.com/unix/Nioro) 魔兽世界 Lua 插件,框架界面增强,[用户量>12k](https://www.curseforge.com/wow/addons/Nioro)
124+
- [Nioro](https://github.com/unix/Nioro) 魔兽世界 Lua 插件,框架界面增强,[用户量>14k](https://www.curseforge.com/wow/addons/Nioro)
105125

106126
export default ({ children }) => <Layout meta={meta}>{children}</Layout>

‎yarn.lock‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1334,10 +1334,10 @@
13341334
resolved "https://registry.yarnpkg.com/@zeit-ui/react-prism/-/react-prism-1.0.0.tgz#3438c648f71b7fc0d8a7c53a0cba90bc3dc2f784"
13351335
integrity sha512-gLGHCaVX7EM/dPl82GCVlLkpkA101cSK7gVnV0auQRHTiUq/Jeger87JbbQ+dJNSWH636sXiyErR0mwHpqHCUw==
13361336

1337-
"@zeit-ui/react@^1.5.0":
1338-
version "1.5.0"
1339-
resolved "https://registry.yarnpkg.com/@zeit-ui/react/-/react-1.5.0.tgz#078e1a3b5188d01644e9985312346029177775bc"
1340-
integrity sha512-OWwqX4K6Feagf+kyzIJ/w63rbUZviCLumKzgNPZpEAXGF7CPGb8maKchN4z5riKmEM4UbAgjFNUmL/sevHSwVg==
1337+
"@zeit-ui/react@^1.7.0-canary.4":
1338+
version "1.7.0-canary.4"
1339+
resolved "https://registry.yarnpkg.com/@zeit-ui/react/-/react-1.7.0-canary.4.tgz#b8ac255dc8708a5564162953e6339ed5e928ae9c"
1340+
integrity sha512-HGoK1uborzP/ejBt6/BgEf5sfCUa6IjneEYbForbWeH8pS9On0m9YSoyE3EPk82XwR6JH9paz9JALEadYJVIkA==
13411341
dependencies:
13421342
styled-jsx "^3.2.5"
13431343

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /