blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-23 23:19:15 +08:00
Code Issues Projects Releases Wiki Activity

docs: add axure resource (#7077)

Browse Source
This commit is contained in:
neverland 2020-09-01 20:29:55 +08:00 committed by GitHub
parent fbaebde90a
commit b276fb5a78
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
docs/markdown/design.zh-CN.md
View File

@ -4,24 +4,32 @@
这里提供了 Vant 现有的设计资源，更多资源还在整理中。 这里提供了 Vant 现有的设计资源，更多资源还在整理中。
### 组件 ### 组件设计稿（Sketch）
包含 Sketch 格式的组件设计规范、色彩规范。 包含 Sketch 格式的组件设计规范、色彩规范。
<img src="https://img.yzcdn.cn/vant/design-components-0321.png" style="width: 80%;"> <img src="https://img.yzcdn.cn/vant/design-components-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
<a class="design-download" href="https://github.com/youzan/vant/blob/dev/docs/assets/design.sketch?raw=true">下载</a> <a class="design-download" href="https://github.com/youzan/vant/blob/dev/docs/assets/design.sketch?raw=true">下载</a>
> 提示：目前 Sketch 中部分组件仍为旧版样式，我们正在梳理新版设计规范，尽请期待！ > 提示：目前 Sketch 中部分组件仍为旧版样式，我们正在梳理新版设计规范，尽请期待！
### 图标 ### 图标设计稿（Sketch）
包含 Sketch 格式的图标库资源。 包含 Sketch 格式的图标库资源。
<img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%;"> <img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
<a class="design-download" href="https://github.com/youzan/vant-icons/blob/master/assets/icons.sketch?raw=true">下载</a> <a class="design-download" href="https://github.com/youzan/vant-icons/blob/master/assets/icons.sketch?raw=true">下载</a>
### Axure 元件库
Axure 元件库，由社区的 [@axure-tczy](https://github.com/axure-tczy) 同学贡献。
<img src="https://img.yzcdn.cn/vant/vant-axure-0901-2.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
<a class="design-download" href="https://b.yzcdn.cn/vant/vant-axure-20200901.zip">下载</a>
<style> <style>
a.design-download { a.design-download {
display: inline-block; display: inline-block;
@ -34,6 +42,7 @@ a.design-download {
} }
a.design-download:hover { a.design-download:hover {
color: #fff;
opacity: .9; opacity: .9;
} }