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',
|
||||
title: '开发指南'
|
||||
},
|
||||
{
|
||||
path: '/design',
|
||||
title: '设计资源'
|
||||
},
|
||||
{
|
||||
path: '/style-guide',
|
||||
title: '风格指南'
|
||||
|
@ -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'),
|
||||
|
@ -151,8 +151,8 @@ import { LIMIT_TYPE } from '../constants';
|
||||
export default {
|
||||
i18n: {
|
||||
'zh-CN': {
|
||||
title2: '自定义步进器相关配置',
|
||||
hideSoldoutSku: '隐藏售罄sku',
|
||||
title2: '自定义步进器',
|
||||
hideSoldoutSku: '隐藏售罄规格',
|
||||
stepperTitle: '我要买',
|
||||
button1: '积分兑换',
|
||||
button2: '买买买'
|
||||
|
@ -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>
|
||||
|
@ -8,6 +8,7 @@ Vue.use(Sku);
|
||||
```
|
||||
|
||||
### 代码演示
|
||||
|
||||
#### 基础用法
|
||||
|
||||
```html
|
||||
@ -29,7 +30,7 @@ Vue.use(Sku);
|
||||
/>
|
||||
```
|
||||
|
||||
#### 自定义步进器相关配置
|
||||
#### 自定义步进器
|
||||
|
||||
```html
|
||||
<van-sku
|
||||
|
Loading…
x
Reference in New Issue
Block a user