You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
773 B
35 lines
773 B
5 years ago
|
### Icon 图标
|
||
|
|
|
||
|
|
用于展示 icon，组件名：``uni-icon``，代码块： uIcon。
|
||
|
|
|
||
|
|
**使用方式：**
|
||
|
|
|
||
|
|
在 ``script`` 中引用组件
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
import uniIcon from "@/components/uni-icon/uni-icon.vue"
|
||
|
|
export default {
|
||
|
|
components: {uniIcon}
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
在 ``template`` 中使用组件
|
||
|
|
|
||
|
|
```html
|
||
|
|
<uni-icon type="contact" size="30"></uni-icon>
|
||
|
|
```
|
||
|
|
|
||
|
|
实际效果参考：[https://github.com/dcloudio/uni-ui](https://github.com/dcloudio/uni-ui)
|
||
|
|
|
||
|
|
**Icon 属性说明：**
|
||
|
|
|
||
|
|
|属性名 |类型|默认值 |说明|
|
||
|
|
|---|----|---|---|
|
||
|
|
|type |String |-|图标图案，参考下表|
|
||
|
|
|color |String |-|图标颜色 |
|
||
|
|
|size |Number |24|图标大小|
|
||
|
|
|@click |EventHandle|-|点击 Icon 触发事件|
|
||
|
|
|
||
|
|
**type 类型：**
|
||
|
|
|
||
|
|
|