diff --git a/src/cell/README.zh-CN.md b/src/cell/README.zh-CN.md index 5c820fa2c..29bc21081 100644 --- a/src/cell/README.zh-CN.md +++ b/src/cell/README.zh-CN.md @@ -13,7 +13,7 @@ Vue.use(Cell).use(CellGroup); ### 基础用法 -`Cell`可以单独使用,也可以与`CellGroup`搭配使用。`CellGroup`可以为`Cell`提供上下外边框。 +`Cell`可以单独使用,也可以与`CellGroup`搭配使用。`CellGroup`可以为`Cell`提供上下外边框 ```html diff --git a/src/icon/README.zh-CN.md b/src/icon/README.zh-CN.md index 1b7a69b1d..5e80ee3cf 100644 --- a/src/icon/README.zh-CN.md +++ b/src/icon/README.zh-CN.md @@ -1,5 +1,9 @@ # Icon 图标 +### 介绍 + +基于字体的图标集,可以通过 Icon 组件使用,也可以在其他组件中通过`icon`属性引用 + ### 引入 ``` javascript @@ -13,7 +17,7 @@ Vue.use(Icon); ### 基础用法 -`Icon`的`name`属性支持传入图标名称或图片链接 +`Icon`的`name`属性支持传入图标名称或图片链接,所有可用的图标名称见右侧示例 ```html @@ -22,6 +26,8 @@ Vue.use(Icon); ### 显示徽标 +设置`info`属性后,会在图标的右上角显示红色的徽标 + ```html @@ -29,7 +35,7 @@ Vue.use(Icon); ### 使用本地字体文件 -Icon 组件默认引用 `yzcdn.cn` 域名下的字体文件,如果想要使用本地字体文件,请引入下面的 css 文件 +Icon 组件默认引用有赞 CDN 提供的字体文件,并通过网络下载。如果需要在项目中使用本地字体文件,请引入下面的 CSS 文件,并在项目中配置`url-loader` ```js import 'vant/lib/icon/local.css'; @@ -37,9 +43,10 @@ import 'vant/lib/icon/local.css'; ### 自定义图标 -如果需要在现有 Icon 的基础上使用更多图标,可以引入你需要的 iconfont 对应的 ttf 文件和样式,之后就可以在 Icon 组件中直接使用 +如果需要在现有 Icon 的基础上使用更多图标,可以引入第三方 iconfont 对应的字体文件和 CSS 文件,之后就可以在 Icon 组件中直接使用 ```css +/* 引入第三方或自定义的字体图标样式 */ @font-face { font-family: 'my-icon'; src: url('./my-icon.ttf') format('truetype'); @@ -55,6 +62,7 @@ import 'vant/lib/icon/local.css'; ``` ```html + ```