mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
[Doc] add design resource (#3027)
This commit is contained in:
parent
f645d64900
commit
60657f800f
Binary file not shown.
39
docs/markdown/design.zh-CN.md
Normal file
39
docs/markdown/design.zh-CN.md
Normal 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>
|
@ -51,6 +51,10 @@ module.exports = {
|
|||||||
path: '/contribution',
|
path: '/contribution',
|
||||||
title: '开发指南'
|
title: '开发指南'
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/design',
|
||||||
|
title: '设计资源'
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/style-guide',
|
path: '/style-guide',
|
||||||
title: '风格指南'
|
title: '风格指南'
|
||||||
|
@ -4,6 +4,7 @@ export default {
|
|||||||
'changelog.en-US': () => import('../markdown/changelog.en-US.md'),
|
'changelog.en-US': () => import('../markdown/changelog.en-US.md'),
|
||||||
'changelog.zh-CN': () => import('../markdown/changelog.zh-CN.md'),
|
'changelog.zh-CN': () => import('../markdown/changelog.zh-CN.md'),
|
||||||
'contribution.zh-CN': () => import('../markdown/contribution.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.en-US': () => import('../markdown/intro.en-US.md'),
|
||||||
'intro.zh-CN': () => import('../markdown/intro.zh-CN.md'),
|
'intro.zh-CN': () => import('../markdown/intro.zh-CN.md'),
|
||||||
'quickstart.en-US': () => import('../markdown/quickstart.en-US.md'),
|
'quickstart.en-US': () => import('../markdown/quickstart.en-US.md'),
|
||||||
|
@ -151,8 +151,8 @@ import { LIMIT_TYPE } from '../constants';
|
|||||||
export default {
|
export default {
|
||||||
i18n: {
|
i18n: {
|
||||||
'zh-CN': {
|
'zh-CN': {
|
||||||
title2: '自定义步进器相关配置',
|
title2: '自定义步进器',
|
||||||
hideSoldoutSku: '隐藏售罄sku',
|
hideSoldoutSku: '隐藏售罄规格',
|
||||||
stepperTitle: '我要买',
|
stepperTitle: '我要买',
|
||||||
button1: '积分兑换',
|
button1: '积分兑换',
|
||||||
button2: '买买买'
|
button2: '买买买'
|
||||||
|
@ -11,13 +11,13 @@ exports[`renders demo correctly 1`] = `
|
|||||||
<div>
|
<div>
|
||||||
<div class="sku-container">
|
<div class="sku-container">
|
||||||
<!----> <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
|
<!----> <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
|
||||||
自定义步进器相关配置
|
自定义步进器
|
||||||
</span></button></div>
|
</span></button></div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="sku-container">
|
<div class="sku-container">
|
||||||
<!----> <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
|
<!----> <button class="van-button van-button--primary van-button--normal van-button--block"><span class="van-button__text">
|
||||||
隐藏售罄sku
|
隐藏售罄规格
|
||||||
</span></button></div>
|
</span></button></div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
@ -8,6 +8,7 @@ Vue.use(Sku);
|
|||||||
```
|
```
|
||||||
|
|
||||||
### 代码演示
|
### 代码演示
|
||||||
|
|
||||||
#### 基础用法
|
#### 基础用法
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@ -29,7 +30,7 @@ Vue.use(Sku);
|
|||||||
/>
|
/>
|
||||||
```
|
```
|
||||||
|
|
||||||
#### 自定义步进器相关配置
|
#### 自定义步进器
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<van-sku
|
<van-sku
|
||||||
|
Loading…
x
Reference in New Issue
Block a user