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 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
|
||||
|
||||
|
@ -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 一致)。
|
||||
|
||||
## 官方生态
|
||||
|
||||
|
@ -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 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
|
||||
|
||||
|
@ -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 一致)。
|
||||
|
||||
## 链接
|
||||
|
||||
|
@ -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',
|
||||
|
Loading…
x
Reference in New Issue
Block a user