[Doc] add design resource (#3027)

This commit is contained in:
neverland 2019-03-21 15:59:01 +08:00 committed by GitHub
parent f645d64900
commit 60657f800f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 50 additions and 5 deletions

Binary file not shown.

View File

@ -0,0 +1,39 @@
## 设计资源
这里提供了 Vant 现有的设计资源,更多资源还在整理中。
### 组件
包含 Sketch 格式的组件设计规范、色彩规范。
<img src="https://img.yzcdn.cn/vant/design-components-0321.png" style="width: 80%; box-shadow: 0 1px 3px rgba(0, 0, 0, .3);">
<a class="design-download" href="https://github.com/youzan/vant/blob/dev/docs/assets/design.sketch?raw=true">下载</a>
### 图标
包含 Sketch 格式的图标库资源。
<img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 3px rgba(0, 0, 0, .3);">
<a class="design-download" href="https://github.com/youzan/vant-icons/blob/master/assets/icons.sketch?raw=true">下载</a>
<style>
a.design-download {
display: inline-block;
color: #fff;
width: 100px;
line-height: 40px;
background-color: #38f;
text-align: center;
border-radius: 3px;
}
a.design-download:hover {
opacity: .9;
}
a.design-download:active {
opacity: .7;
}
</style>

View File

@ -51,6 +51,10 @@ module.exports = {
path: '/contribution',
title: '开发指南'
},
{
path: '/design',
title: '设计资源'
},
{
path: '/style-guide',
title: '风格指南'

View File

@ -4,6 +4,7 @@ export default {
'changelog.en-US': () => import('../markdown/changelog.en-US.md'),
'changelog.zh-CN': () => import('../markdown/changelog.zh-CN.md'),
'contribution.zh-CN': () => import('../markdown/contribution.zh-CN.md'),
'design.zh-CN': () => import('../markdown/design.zh-CN.md'),
'intro.en-US': () => import('../markdown/intro.en-US.md'),
'intro.zh-CN': () => import('../markdown/intro.zh-CN.md'),
'quickstart.en-US': () => import('../markdown/quickstart.en-US.md'),

View File

@ -151,8 +151,8 @@ import { LIMIT_TYPE } from '../constants';
export default {
i18n: {
'zh-CN': {
title2: '自定义步进器相关配置',
hideSoldoutSku: '隐藏售罄sku',
title2: '自定义步进器',
hideSoldoutSku: '隐藏售罄规格',
stepperTitle: '我要买',
button1: '积分兑换',
button2: '买买买'

View File

@ -11,13 +11,13 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="sku-container">
<!----> <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
自定义步进器相关配置
自定义步进器
</span></button></div>
</div>
<div>
<div class="sku-container">
<!----> <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
隐藏售罄sku
隐藏售罄规格
</span></button></div>
</div>
<div>

View File

@ -8,6 +8,7 @@ Vue.use(Sku);
```
### 代码演示
#### 基础用法
```html
@ -29,7 +30,7 @@ Vue.use(Sku);
/>
```
#### 自定义步进器相关配置
#### 自定义步进器
```html
<van-sku