mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
docs: update Vant 4
This commit is contained in:
parent
9cfef027aa
commit
2ceb68e691
@ -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 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
|
## Official Ecosystem
|
||||||
|
|
||||||
|
@ -84,7 +84,7 @@ vant 也支持按需引入、CDN 引入等方式,详细说明见 [快速上手
|
|||||||
|
|
||||||
Vant 2 支持现代浏览器以及 Android >= 4.0、iOS >= 8.0。
|
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 一致)。
|
||||||
|
|
||||||
## 官方生态
|
## 官方生态
|
||||||
|
|
||||||
|
@ -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
@ -30,7 +30,7 @@ See in [Quickstart](#/en-US/quickstart).
|
|||||||
|
|
||||||
Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.
|
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
|
## Links
|
||||||
|
|
||||||
|
@ -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 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 一致)。
|
||||||
|
|
||||||
## 链接
|
## 链接
|
||||||
|
|
||||||
|
@ -28,7 +28,7 @@ export default {
|
|||||||
},
|
},
|
||||||
locales: {
|
locales: {
|
||||||
'zh-CN': {
|
'zh-CN': {
|
||||||
title: 'Vant 3',
|
title: 'Vant 4',
|
||||||
subtitle: '(适用于 Vue 3)',
|
subtitle: '(适用于 Vue 3)',
|
||||||
description: '轻量、可靠的移动端组件库',
|
description: '轻量、可靠的移动端组件库',
|
||||||
logo: 'https://img.yzcdn.cn/vant/logo.png',
|
logo: 'https://img.yzcdn.cn/vant/logo.png',
|
||||||
@ -474,7 +474,7 @@ export default {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
'en-US': {
|
'en-US': {
|
||||||
title: 'Vant 3',
|
title: 'Vant 4',
|
||||||
subtitle: ' (for Vue 3)',
|
subtitle: ' (for Vue 3)',
|
||||||
description: 'Mobile UI Components built on Vue',
|
description: 'Mobile UI Components built on Vue',
|
||||||
logo: 'https://img.yzcdn.cn/vant/logo.png',
|
logo: 'https://img.yzcdn.cn/vant/logo.png',
|
||||||
|
Loading…
x
Reference in New Issue
Block a user