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
```
> 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

2
README.zh-CN.md
View File

@ -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)。
## 快速上手

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

@ -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 样式无法被编译。
### 在桌面端使用

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

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

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

@ -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;
}

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

@ -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;
}

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

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

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

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

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

@ -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;

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

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