docs: update Vant 4

This commit is contained in:
chenjiahan 2022-02-20 21:02:09 +08:00
parent 9cfef027aa
commit 2ceb68e691
8 changed files with 52 additions and 2469 deletions

View File

@ -80,7 +80,7 @@ See more in [Quickstart](https://youzan.github.io/vant#/en-US/quickstart).
Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.
Vant 3 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).
Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).
## Official Ecosystem

View File

@ -84,7 +84,7 @@ vant 也支持按需引入、CDN 引入等方式,详细说明见 [快速上手
Vant 2 支持现代浏览器以及 Android >= 4.0、iOS >= 8.0。
Vant 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0(与 Vue 3 一致)。
Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0(与 Vue 3 一致)。
## 官方生态

View File

@ -1,55 +1,3 @@
# 更新日志
## 更新内容
### unreleased
`2022-01-17`
**Feature**
- ConfigProvider: 新增 `theme` 属性,用于开启深色模式
- ConfigProvider: 新增 `ConfigProviderTheme` 类型
**Style**
在之前的版本中Vant 组件有两种色彩风格,一部分采用红色作为主色调,另一部分采用蓝色。为了保持色彩规范的统一,我们在 Vant 4 中对组件的主色调进行了统一,所有组件均采用蓝色作为主色调。
以下组件的默认色值风格由红色调整为蓝色:
- AddressEdit
- AddressList
- Card
- Calendar
- Cascader
- ContactList
- ContactEdit
- CouponList
- Dialog
- DropdownMenu
- IndexBar
- Sidebar
- Steps
- Tabs
- TreeSelect
其他:
- `--van-font-bold` 的默认值由 `500` 调整为 `600`
- ActionBar: 调整 `--van-action-bar-icon-text-color` 变量的默认值为 `--van-text-color`
- AddressList: 重命名 `--van-address-list-item-radio-icon-color``--van-address-list-radio-color`
- Button: 默认圆角大小从 `2px` 调整为 `4px`
- Button: 默认按钮的边框颜色调整为 `--van-gray-4`
- Button: 调整 `font-smoothing`,默认使用粗体文字
- Cell: 只设置 `value` 时,内容不再会靠左对齐
- Card: 调整 `--van-card-background` 变量的默认值为 `--van-background`
- Card: 调整 `--van-card-price-color` 变量的默认值为 `--van-text-color`
- Card: 调整 `--van-card-desc-color` 变量的默认值为 `--van-text-color-2`
- ContactList: 重命名 `--van-contact-list-item-radio-icon-color``--van-contact-list-radio-color`
- CouponList: 重命名 `--van-coupon-corner-checkbox-icon-color``--van-coupon-checkbox-color`
- Field: 调整 `--van-field-label-color` 变量的默认值为 `--van-text-color`
- Switch: 移除 `--van-switch-border` 变量
- Switch: 调整 `--van-switch-size` 变量的默认值为 `26px`
- Switch: 调整 `--van-switch-background` 变量的默认值为 `rgba(120, 120, 128, 0.16)`
- Tabbar: 调整 `--van-tabbar-item-text-color` 变量的默认值为 `--van-text-color`
- GridItem: 调整 `--van-grid-item-text-color` 变量的默认值为 `--van-text-color`

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -30,7 +30,7 @@ See in [Quickstart](#/en-US/quickstart).
Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.
Vant 3 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).
Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).
## Links

View File

@ -14,7 +14,7 @@ Vant 是**有赞前端团队**开源的移动端组件库,于 2017 年开源
### 版本提示
你当前浏览的是 **Vant 3.x 版本** 的文档,适用于 Vue 3 开发。如果你在使用 Vue 2请浏览 [Vant 2 文档](https://vant-contrib.gitee.io/vant/v2)。
你当前浏览的是 **Vant 4.x 版本** 的文档,适用于 Vue 3 开发。如果你在使用 Vue 2请浏览 [Vant 2 文档](https://vant-contrib.gitee.io/vant/v2)。
### 特性
@ -40,7 +40,7 @@ Vant 是**有赞前端团队**开源的移动端组件库,于 2017 年开源
Vant 2 支持现代浏览器以及 Android >= 4.0、iOS >= 8.0。
Vant 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0(与 Vue 3 一致)。
Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0(与 Vue 3 一致)。
## 链接

View File

@ -28,7 +28,7 @@ export default {
},
locales: {
'zh-CN': {
title: 'Vant 3',
title: 'Vant 4',
subtitle: '(适用于 Vue 3',
description: '轻量、可靠的移动端组件库',
logo: 'https://img.yzcdn.cn/vant/logo.png',
@ -474,7 +474,7 @@ export default {
],
},
'en-US': {
title: 'Vant 3',
title: 'Vant 4',
subtitle: ' (for Vue 3)',
description: 'Mobile UI Components built on Vue',
logo: 'https://img.yzcdn.cn/vant/logo.png',