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) {