From 5a7268b7a4c7b62c38d2a33928774b9cb6141680 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= Date: Sat, 4 Jan 2020 19:51:05 +0800 Subject: [PATCH] docs: update site style --- docs/markdown/design.zh-CN.md | 4 ++-- docs/markdown/home.en-US.md | 2 +- docs/markdown/home.zh-CN.md | 4 ++-- .../vant-cli/site/common/style/highlight.less | 2 +- packages/vant-cli/site/common/style/var.less | 1 + .../site/desktop/components/Content.vue | 17 ++++++++--------- .../vant-cli/site/desktop/components/Header.vue | 6 +++--- .../site/desktop/components/Simulator.vue | 2 +- 8 files changed, 19 insertions(+), 19 deletions(-) diff --git a/docs/markdown/design.zh-CN.md b/docs/markdown/design.zh-CN.md index 40bb7b242..0372b52bd 100644 --- a/docs/markdown/design.zh-CN.md +++ b/docs/markdown/design.zh-CN.md @@ -8,7 +8,7 @@ 包含 Sketch 格式的组件设计规范、色彩规范。 - + 下载 @@ -18,7 +18,7 @@ 包含 Sketch 格式的图标库资源。 - + 下载 diff --git a/docs/markdown/home.en-US.md b/docs/markdown/home.en-US.md index da7b24424..1badc2b06 100644 --- a/docs/markdown/home.en-US.md +++ b/docs/markdown/home.en-US.md @@ -1,6 +1,6 @@
- +

Vant

Mobile UI Components built on Vue

diff --git a/docs/markdown/home.zh-CN.md b/docs/markdown/home.zh-CN.md index ccbe6de4b..f63965359 100644 --- a/docs/markdown/home.zh-CN.md +++ b/docs/markdown/home.zh-CN.md @@ -1,6 +1,6 @@
- +

Vant

轻量、可靠的移动端 Vue 组件库

@@ -37,7 +37,7 @@ 我们热爱分享和开源，崇尚用工程师的方式解决问题，因此造了很多工具来解决我们遇到的问题，目前我们维护的开源产品有： - + 我们正在寻找更多优秀的小伙伴，一起拓展前端技术的边界，期待你的加入！ diff --git a/packages/vant-cli/site/common/style/highlight.less b/packages/vant-cli/site/common/style/highlight.less index 8f870948d..88591ddec 100644 --- a/packages/vant-cli/site/common/style/highlight.less +++ b/packages/vant-cli/site/common/style/highlight.less @@ -9,7 +9,7 @@ code { font-weight: 400; font-size: 13px; font-family: @van-doc-code-font-family; - line-height: 24px; + line-height: 26px; white-space: pre-wrap; word-wrap: break-word; } diff --git a/packages/vant-cli/site/common/style/var.less b/packages/vant-cli/site/common/style/var.less index 9d35cc0cd..bc75b3632 100644 --- a/packages/vant-cli/site/common/style/var.less +++ b/packages/vant-cli/site/common/style/var.less @@ -15,6 +15,7 @@ @van-doc-padding: 30px; @van-doc-row-max-width: 1680px; @van-doc-nav-width: 220px; +@van-doc-border-radius: 12px; // header @van-doc-header-top-height: 60px; diff --git a/packages/vant-cli/site/desktop/components/Content.vue b/packages/vant-cli/site/desktop/components/Content.vue index 6fb825d6c..acf60b97f 100644 --- a/packages/vant-cli/site/desktop/components/Content.vue +++ b/packages/vant-cli/site/desktop/components/Content.vue @@ -32,7 +32,7 @@ export default { margin-bottom: 24px; padding: 24px; background-color: #fff; - border-radius: 6px; + border-radius: @van-doc-border-radius; box-shadow: 0 8px 12px #ebedf0; } @@ -96,7 +96,6 @@ export default { color: @van-doc-text-color; font-size: 13px; line-height: 1.5; - border-radius: 6px; border-collapse: collapse; th { @@ -148,7 +147,7 @@ export default { padding-left: 15px; color: @van-doc-text-color; font-size: 14px; - line-height: 22px; + line-height: 26px; &::before { position: absolute; @@ -177,7 +176,7 @@ export default { margin: 2px 3px; padding: 2px 5px; background-color: #f0f2f5; - box-shadow: none; + border-radius: 4px; } section { @@ -189,22 +188,22 @@ export default { margin: 20px 0 0; padding: 16px; color: rgba(52, 73, 94, 0.8); + font-weight: 500; font-size: 14px; background-color: #ecf9ff; - border-left: 5px solid #50bfff; - border-radius: 4px; + border-radius: @van-doc-border-radius; } img { width: 100%; - margin: 15px 0; - box-shadow: 0 2px 4px #ebedf0; + margin: 16px 0; + border-radius: @van-doc-border-radius; } &--changelog { strong { display: block; - margin: 12px 0; + margin: 24px 0 12px; font-weight: 500; font-size: 15px; } diff --git a/packages/vant-cli/site/desktop/components/Header.vue b/packages/vant-cli/site/desktop/components/Header.vue index 2eb010789..e0739e550 100644 --- a/packages/vant-cli/site/desktop/components/Header.vue +++ b/packages/vant-cli/site/desktop/components/Header.vue @@ -156,7 +156,7 @@ export default { &__cube { position: relative; display: block; - padding: 0 10px; + padding: 0 12px; color: #fff; font-size: 14px; font-family: 'Helvetica Neue', Arial, sans-serif; @@ -194,13 +194,13 @@ export default { line-height: 36px; text-align: left; background-color: #fff; - border-radius: 3px; + border-radius: @van-doc-border-radius; box-shadow: 0 4px 12px #ebedf0; transform-origin: top; transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); &-item { - padding-left: 7px; + padding-left: 12px; transition: 0.2s; &:hover { diff --git a/packages/vant-cli/site/desktop/components/Simulator.vue b/packages/vant-cli/site/desktop/components/Simulator.vue index 0c59bf225..4e7c64924 100644 --- a/packages/vant-cli/site/desktop/components/Simulator.vue +++ b/packages/vant-cli/site/desktop/components/Simulator.vue @@ -56,7 +56,7 @@ export default { min-width: @van-doc-simulator-width; overflow: hidden; background: #fafafa; - border-radius: 6px; + border-radius: @van-doc-border-radius; box-shadow: #ebedf0 0 4px 12px; @media (max-width: 1100px) {