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

feat(cli): update site style

Browse Source
This commit is contained in:
chenjiahan 2020-09-27 20:07:41 +08:00
parent 9697c28819
commit e6a4c695f4
10 changed files with 33 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -48,7 +48,7 @@ npm i vant -S
yarn add vant 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 ## Quickstart

2
README.zh-CN.md
View File

@ -51,7 +51,7 @@ npm i vant -S
yarn add vant 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)。
## 快速上手 ## 快速上手

8
docs/markdown/quickstart.zh-CN.md
View File

@ -31,7 +31,7 @@ npm i vant -S
yarn add vant 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'; 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); Vue.use(Vant);
``` ```
> 配置按需引入后，将不允许直接导入所有组件 > Tips: 配置按需引入后，将不允许直接导入所有组件。
### 方式四. 通过 CDN 引入 ### 方式四. 通过 CDN 引入
@ -168,7 +168,7 @@ module.exports = {
}; };
``` ```
> 在配置 postcss-loader 时，应避免 ignore node_modules 目录，否则将导致 Vant 样式无法被编译 > Tips: 在配置 postcss-loader 时，应避免 ignore node_modules 目录，否则将导致 Vant 样式无法被编译。
### 在桌面端使用 ### 在桌面端使用

5
packages/vant-cli/site/common/style/highlight.less
View File

@ -3,15 +3,18 @@
code { code {
position: relative; position: relative;
display: block; display: block;
padding: 16px;
overflow-x: auto; overflow-x: auto;
color: @van-doc-code-color; color: @van-doc-code-color;
font-weight: 400; font-weight: 400;
font-size: 13.4px; font-size: 14px;
font-family: @van-doc-code-font-family; font-family: @van-doc-code-font-family;
line-height: 26px; line-height: 26px;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
-webkit-font-smoothing: auto; -webkit-font-smoothing: auto;
background-color: #fafafa;
border-radius: 16px;
} }
pre { pre {

41
packages/vant-cli/site/desktop/components/Content.vue
View File

@ -73,30 +73,30 @@ export default {
h2 { h2 {
margin: 45px 0 20px; margin: 45px 0 20px;
font-size: 22px; font-size: 25px;
} }
h3 { h3 {
margin-bottom: 16px; margin-bottom: 16px;
font-weight: 500; font-weight: 600;
font-size: 18px; font-size: 18px;
} }
h4 { h4 {
margin: 24px 0 12px; margin: 24px 0 12px;
font-weight: 500; font-weight: 600;
font-size: 15px; font-size: 16px;
} }
h5 { h5 {
margin: 24px 0 12px; margin: 24px 0 12px;
font-weight: 500; font-weight: 600;
font-size: 14px; font-size: 15px;
} }
p { p {
color: @van-doc-text-color; color: @van-doc-text-color;
font-size: 14px; font-size: 15px;
line-height: 26px; line-height: 26px;
} }
@ -104,13 +104,13 @@ export default {
width: 100%; width: 100%;
margin-top: 12px; margin-top: 12px;
color: @van-doc-text-color; color: @van-doc-text-color;
font-size: 13px; font-size: 14px;
line-height: 1.5; line-height: 1.5;
border-collapse: collapse; border-collapse: collapse;
th { th {
padding: 8px 10px; padding: 8px 10px;
font-weight: 500; font-weight: 600;
text-align: left; text-align: left;
&:first-child { &:first-child {
@ -134,8 +134,8 @@ export default {
margin: 0; margin: 0;
padding: 2px 6px; padding: 2px 6px;
color: @van-doc-blue; color: @van-doc-blue;
font-weight: 500; font-weight: 600;
font-size: 10px; font-size: 11px;
background-color: fade(@van-doc-blue, 10%); background-color: fade(@van-doc-blue, 10%);
border-radius: 20px; border-radius: 20px;
} }
@ -148,7 +148,7 @@ export default {
em { em {
color: @van-doc-green; color: @van-doc-green;
font-size: 12.5px; font-size: 14px;
font-family: @van-doc-code-font-family; font-family: @van-doc-code-font-family;
font-style: normal; font-style: normal;
-webkit-font-smoothing: auto; -webkit-font-smoothing: auto;
@ -161,7 +161,7 @@ export default {
margin: 5px 0 5px 10px; margin: 5px 0 5px 10px;
padding-left: 15px; padding-left: 15px;
color: @van-doc-text-color; color: @van-doc-text-color;
font-size: 14px; font-size: 15px;
line-height: 26px; line-height: 26px;
&::before { &::before {
@ -188,12 +188,12 @@ export default {
li > code, li > code,
table code { table code {
display: inline; display: inline;
margin: 2px 3px; margin: 0 2px;
padding: 2px 5px; padding: 2px 5px;
font-size: 13px; font-size: 14px;
font-family: inherit; font-family: inherit;
word-break: keep-all; word-break: keep-all;
background-color: #f0f2f5; background-color: @van-doc-background-color;
border-radius: 4px; border-radius: 4px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
@ -208,12 +208,9 @@ export default {
} }
blockquote { blockquote {
margin: 20px 0 0; margin: 16px 0 0;
padding: 16px; padding: 16px;
color: rgba(52, 73, 94, 0.8); background-color: #ebfff0;
font-weight: 500;
font-size: 14px;
background-color: #ecf9ff;
border-radius: @van-doc-border-radius; border-radius: @van-doc-border-radius;
} }
@ -227,7 +224,7 @@ export default {
strong { strong {
display: block; display: block;
margin: 24px 0 12px; margin: 24px 0 12px;
font-weight: 500; font-weight: 600;
font-size: 15px; font-size: 15px;
} }

2
packages/vant-cli/site/desktop/components/Nav.vue
View File

@ -113,7 +113,7 @@ export default {
&__title { &__title {
padding: 8px 0 8px @van-doc-padding; padding: 8px 0 8px @van-doc-padding;
color: #455a64; color: #455a64;
font-weight: 500; font-weight: 600;
font-size: 15px; font-size: 15px;
line-height: 28px; line-height: 28px;
} }

2
packages/vant-cli/site/desktop/components/SearchInput.vue
View File

@ -83,7 +83,7 @@ export default {
} }
.algolia-docsearch-suggestion--title { .algolia-docsearch-suggestion--title {
font-weight: 500; font-weight: 600;
} }
.algolia-docsearch-suggestion--text { .algolia-docsearch-suggestion--text {

1
packages/vant-cli/site/mobile/components/DemoHome.vue
View File

@ -82,7 +82,6 @@ export default {
span { span {
margin-left: 16px; margin-left: 16px;
font-weight: 500;
} }
&--small { &--small {

2
packages/vant-cli/site/mobile/components/DemoHomeNav.vue
View File

@ -58,7 +58,7 @@ export default {
margin: 0 0 12px; margin: 0 0 12px;
padding-left: 20px; padding-left: 20px;
color: #323233; color: #323233;
font-weight: 500; font-weight: 600;
font-size: 14px; font-size: 14px;
line-height: 40px; line-height: 40px;
background: #f7f8fa; background: #f7f8fa;

2
packages/vant-cli/site/mobile/components/DemoNav.vue
View File

@ -46,7 +46,7 @@ export default {
background-color: #fff; background-color: #fff;
&__title { &__title {
font-weight: 500; font-weight: 600;
font-size: 17px; font-size: 17px;
text-transform: capitalize; text-transform: capitalize;
} }