ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2026-04-06 02:00:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Merge branch 'dev' into next

Browse Source
This commit is contained in:
chenjiahan
2020-09-28 11:46:26 +08:00
parent 6cd9e98ce4 6079101958
commit c2d5a18f59
72 changed files with 259 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/icon/README.md
View File

@@ -14,7 +14,7 @@ app.use(Icon);
### Basic Usage
Use `name` prop to set icon name or icon URL
Use `name` prop to set icon name or icon URL.
```html
<van-icon name="chat-o" />
@@ -35,7 +35,7 @@ Use `badge` prop, the badge will be displayed in the upper right corner of the i
### Icon Color
Use `color` prop to set icon color
Use `color` prop to set icon color.
```html
<van-icon name="chat-o" color="#1989fa" />
@@ -44,7 +44,7 @@ Use `color` prop to set icon color
### Icon Size
Use `size` prop to set icon size
Use `size` prop to set icon size.
```html
<van-icon name="chat-o" size="40" /> <van-icon name="chat-o" size="3rem" />

14
src/icon/README.zh-CN.md
View File

@@ -2,7 +2,7 @@
### 介绍
基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过`icon`属性引用
基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过 `icon` 属性引用。
### 引入
@@ -18,7 +18,7 @@ app.use(Icon);
### 基础用法
`Icon`的`name`属性支持传入图标名称或图片链接，所有可用的图标名称见右侧示例
`Icon` 的 `name` 属性支持传入图标名称或图片链接，所有可用的图标名称见右侧示例。
```html
<van-icon name="chat-o" />
@@ -27,7 +27,7 @@ app.use(Icon);
### 徽标提示
设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
设置 `dot` 属性后，会在图标右上角展示一个小红点；设置 `badge` 属性后，会在图标右上角展示相应的徽标。
```html
<van-icon name="chat-o" dot />
@@ -37,7 +37,7 @@ app.use(Icon);
### 图标颜色
`Icon`的`color`属性用来设置图标的颜色
`Icon` 的 `color` 属性用来设置图标的颜色。
```html
<van-icon name="chat-o" color="#1989fa" />
@@ -46,7 +46,7 @@ app.use(Icon);
### 图标大小
`Icon`的`size`属性用来设置图标的尺寸大小，默认单位为`px`
`Icon` 的 `size` 属性用来设置图标的尺寸大小，默认单位为 `px`。
```html
<van-icon name="chat-o" size="40" /> <van-icon name="chat-o" size="3rem" />
@@ -54,7 +54,7 @@ app.use(Icon);
### 使用本地字体文件
Icon 组件默认引用有赞 CDN 提供的字体文件，并通过网络下载。如果需要在项目中使用本地字体文件，请引入下面的 CSS 文件，并在项目中配置`url-loader`
Icon 组件默认引用有赞 CDN 提供的字体文件，并通过网络下载。如果需要在项目中使用本地字体文件，请引入下面的 CSS 文件，并在项目中配置 `url-loader`。
```js
import 'vant/lib/icon/local.css';
@@ -62,7 +62,7 @@ import 'vant/lib/icon/local.css';
### 自定义图标
如果需要在现有 Icon 的基础上使用更多图标，可以引入第三方 iconfont 对应的字体文件和 CSS 文件，之后就可以在 Icon 组件中直接使用
如果需要在现有 Icon 的基础上使用更多图标，可以引入第三方 iconfont 对应的字体文件和 CSS 文件，之后就可以在 Icon 组件中直接使用。
```css
/* 引入第三方或自定义的字体图标样式 */