mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
44 lines
1.0 KiB
Markdown
44 lines
1.0 KiB
Markdown
# 设计资源
|
|
|
|
### 介绍
|
|
|
|
这里提供了 Vant 现有的设计资源，更多资源还在整理中。
|
|
|
|
### 组件
|
|
|
|
包含 Sketch 格式的组件设计规范、色彩规范。
|
|
|
|
<img src="https://img.yzcdn.cn/vant/design-components-0321.png" style="width: 80%;">
|
|
|
|
<a class="design-download" href="https://github.com/youzan/vant/blob/dev/docs/assets/design.sketch?raw=true">下载</a>
|
|
|
|
> 提示：目前 Sketch 中部分组件仍为旧版样式，我们正在梳理新版设计规范，尽请期待！
|
|
|
|
### 图标
|
|
|
|
包含 Sketch 格式的图标库资源。
|
|
|
|
<img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%;">
|
|
|
|
<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;
|
|
width: 100px;
|
|
color: #fff;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
background-color: #38f;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
a.design-download:hover {
|
|
opacity: .9;
|
|
}
|
|
|
|
a.design-download:active {
|
|
opacity: .7;
|
|
}
|
|
</style>
|