diff --git a/README.md b/README.md index ace4aa9d2..47eb27037 100644 --- a/README.md +++ b/README.md @@ -48,7 +48,7 @@ npm i vant -S yarn add vant ``` -> Tips: Please install Vant 3.0 for Vue 3 projects, see [issue#7035](https://github.com/youzan/vant/issues/7035) +> Tips: Please install Vant 3.0 for Vue 3 projects, see [issue#7035](https://github.com/youzan/vant/issues/7035). ## Quickstart diff --git a/README.zh-CN.md b/README.zh-CN.md index 140ef63c9..62b8224f4 100644 --- a/README.zh-CN.md +++ b/README.zh-CN.md @@ -51,7 +51,7 @@ npm i vant -S yarn add vant ``` -> Tips: Vue 3 项目请安装 Vant 3.0，参见 [issue#7035](https://github.com/youzan/vant/issues/7035) +> Tips: Vue 3 项目请安装 Vant 3.0，参见 [issue#7035](https://github.com/youzan/vant/issues/7035)。 ## 快速上手 diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md index 900e0dfb3..b76abc054 100644 --- a/docs/markdown/quickstart.zh-CN.md +++ b/docs/markdown/quickstart.zh-CN.md @@ -31,7 +31,7 @@ npm i vant -S yarn add vant ``` -> Tips: Vue 3 项目请安装 Vant 3.0，参见 [issue#7035](https://github.com/youzan/vant/issues/7035) +> Tips: Vue 3 项目请安装 Vant 3.0，参见 [issue#7035](https://github.com/youzan/vant/issues/7035)。 ### 示例工程 @@ -85,7 +85,7 @@ module.exports = { import { Button } from 'vant'; ``` -> 如果你在使用 TypeScript，可以使用 [ts-import-plugin](https://github.com/Brooooooklyn/ts-import-plugin) 实现按需引入 +> Tips: 如果你在使用 TypeScript，可以使用 [ts-import-plugin](https://github.com/Brooooooklyn/ts-import-plugin) 实现按需引入。 ### 方式二. 手动按需引入组件 @@ -108,7 +108,7 @@ import 'vant/lib/index.css'; Vue.use(Vant); ``` -> 配置按需引入后，将不允许直接导入所有组件 +> Tips: 配置按需引入后，将不允许直接导入所有组件。 ### 方式四. 通过 CDN 引入 @@ -168,7 +168,7 @@ module.exports = { }; ``` -> 在配置 postcss-loader 时，应避免 ignore node_modules 目录，否则将导致 Vant 样式无法被编译 +> Tips: 在配置 postcss-loader 时，应避免 ignore node_modules 目录，否则将导致 Vant 样式无法被编译。 ### 在桌面端使用 diff --git a/packages/vant-cli/site/common/style/highlight.less b/packages/vant-cli/site/common/style/highlight.less index 07cf774c5..51cafa1d5 100644 --- a/packages/vant-cli/site/common/style/highlight.less +++ b/packages/vant-cli/site/common/style/highlight.less @@ -3,15 +3,18 @@ code { position: relative; display: block; + padding: 16px; overflow-x: auto; color: @van-doc-code-color; font-weight: 400; - font-size: 13.4px; + font-size: 14px; font-family: @van-doc-code-font-family; line-height: 26px; white-space: pre-wrap; word-wrap: break-word; -webkit-font-smoothing: auto; + background-color: #fafafa; + border-radius: 16px; } pre { diff --git a/packages/vant-cli/site/desktop/components/Content.vue b/packages/vant-cli/site/desktop/components/Content.vue index bc5248400..d4b6ecf49 100644 --- a/packages/vant-cli/site/desktop/components/Content.vue +++ b/packages/vant-cli/site/desktop/components/Content.vue @@ -73,30 +73,30 @@ export default { h2 { margin: 45px 0 20px; - font-size: 22px; + font-size: 25px; } h3 { margin-bottom: 16px; - font-weight: 500; + font-weight: 600; font-size: 18px; } h4 { margin: 24px 0 12px; - font-weight: 500; - font-size: 15px; + font-weight: 600; + font-size: 16px; } h5 { margin: 24px 0 12px; - font-weight: 500; - font-size: 14px; + font-weight: 600; + font-size: 15px; } p { color: @van-doc-text-color; - font-size: 14px; + font-size: 15px; line-height: 26px; } @@ -104,13 +104,13 @@ export default { width: 100%; margin-top: 12px; color: @van-doc-text-color; - font-size: 13px; + font-size: 14px; line-height: 1.5; border-collapse: collapse; th { padding: 8px 10px; - font-weight: 500; + font-weight: 600; text-align: left; &:first-child { @@ -134,8 +134,8 @@ export default { margin: 0; padding: 2px 6px; color: @van-doc-blue; - font-weight: 500; - font-size: 10px; + font-weight: 600; + font-size: 11px; background-color: fade(@van-doc-blue, 10%); border-radius: 20px; } @@ -148,7 +148,7 @@ export default { em { color: @van-doc-green; - font-size: 12.5px; + font-size: 14px; font-family: @van-doc-code-font-family; font-style: normal; -webkit-font-smoothing: auto; @@ -161,7 +161,7 @@ export default { margin: 5px 0 5px 10px; padding-left: 15px; color: @van-doc-text-color; - font-size: 14px; + font-size: 15px; line-height: 26px; &::before { @@ -188,12 +188,12 @@ export default { li > code, table code { display: inline; - margin: 2px 3px; + margin: 0 2px; padding: 2px 5px; - font-size: 13px; + font-size: 14px; font-family: inherit; word-break: keep-all; - background-color: #f0f2f5; + background-color: @van-doc-background-color; border-radius: 4px; -webkit-font-smoothing: antialiased; } @@ -208,12 +208,9 @@ export default { } blockquote { - margin: 20px 0 0; + margin: 16px 0 0; padding: 16px; - color: rgba(52, 73, 94, 0.8); - font-weight: 500; - font-size: 14px; - background-color: #ecf9ff; + background-color: #ebfff0; border-radius: @van-doc-border-radius; } @@ -227,7 +224,7 @@ export default { strong { display: block; margin: 24px 0 12px; - font-weight: 500; + font-weight: 600; font-size: 15px; } diff --git a/packages/vant-cli/site/desktop/components/Nav.vue b/packages/vant-cli/site/desktop/components/Nav.vue index 1e3039e6d..6a3028069 100644 --- a/packages/vant-cli/site/desktop/components/Nav.vue +++ b/packages/vant-cli/site/desktop/components/Nav.vue @@ -113,7 +113,7 @@ export default { &__title { padding: 8px 0 8px @van-doc-padding; color: #455a64; - font-weight: 500; + font-weight: 600; font-size: 15px; line-height: 28px; } diff --git a/packages/vant-cli/site/desktop/components/SearchInput.vue b/packages/vant-cli/site/desktop/components/SearchInput.vue index 31b239873..92793710b 100644 --- a/packages/vant-cli/site/desktop/components/SearchInput.vue +++ b/packages/vant-cli/site/desktop/components/SearchInput.vue @@ -83,7 +83,7 @@ export default { } .algolia-docsearch-suggestion--title { - font-weight: 500; + font-weight: 600; } .algolia-docsearch-suggestion--text { diff --git a/packages/vant-cli/site/mobile/components/DemoHome.vue b/packages/vant-cli/site/mobile/components/DemoHome.vue index fbe9c5e52..35bdb7cbe 100644 --- a/packages/vant-cli/site/mobile/components/DemoHome.vue +++ b/packages/vant-cli/site/mobile/components/DemoHome.vue @@ -82,7 +82,6 @@ export default { span { margin-left: 16px; - font-weight: 500; } &--small { diff --git a/packages/vant-cli/site/mobile/components/DemoHomeNav.vue b/packages/vant-cli/site/mobile/components/DemoHomeNav.vue index 2ba2d074d..02d5d28ab 100644 --- a/packages/vant-cli/site/mobile/components/DemoHomeNav.vue +++ b/packages/vant-cli/site/mobile/components/DemoHomeNav.vue @@ -58,7 +58,7 @@ export default { margin: 0 0 12px; padding-left: 20px; color: #323233; - font-weight: 500; + font-weight: 600; font-size: 14px; line-height: 40px; background: #f7f8fa; diff --git a/packages/vant-cli/site/mobile/components/DemoNav.vue b/packages/vant-cli/site/mobile/components/DemoNav.vue index 899d3ee6e..40dc32240 100644 --- a/packages/vant-cli/site/mobile/components/DemoNav.vue +++ b/packages/vant-cli/site/mobile/components/DemoNav.vue @@ -46,7 +46,7 @@ export default { background-color: #fff; &__title { - font-weight: 500; + font-weight: 600; font-size: 17px; text-transform: capitalize; }