mirror of
https://github.com/youzan/vant.git
synced 2025-10-19 18:14:13 +00:00
[Doc] add design resource (#3027)
This commit is contained in:
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>
|
Reference in New Issue
Block a user