39 lines
747 B
Markdown
39 lines
747 B
Markdown
|
### Icon 图标
|
|||
|
|
|
|||
|
|
用于展示 icon，组件名：``uni-icon``，代码块： uIcon。
|
|||
|
|
|
|||
|
|
**使用方式：**
|
|||
|
|
|
|||
|
|
在 ``script`` 中引用组件
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
import uniIcon from "@/components/uni-icon/index.vue"
|
|||
|
|
export default {
|
|||
|
|
components: {uniIcon}
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
在 ``template`` 中使用组件
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
<uni-icon type="contact" size="30"></uni-icon>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**Icon 属性说明：**
|
|||
|
|
|
|||
|
|
|属性名 |类型|默认值 |说明|
|
|||
|
|
|---|----|---|---|
|
|||
|
|
|type |String |-|图标图案，参考示例|
|
|||
|
|
|color |String |-|图标颜色 |
|
|||
|
|
|size |Number |24|图标大小|
|
|||
|
|
|@click |EventHandle|-|点击 Icon 触发事件|
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 更新日志
|
|||
|
|
**1.1.0**
|
|||
|
|
- 新增 大批新图标
|
|||
|
|
- 优化 老图标样式
|
|||
|
|
- 修复 flex 布局下，高度出现问题
|
|||
|
|
-
|
|||
|
|
**1.0.0**
|
|||
|
|
- 初始项目
|