vue工程项目mint-ui的house图标
时间: 2024-04-28 10:18:49 浏览: 103
mint-ui在vue中的使用示例
Mint UI 中的 house 图标可以通过以下方式在 Vue 项目中使用:
1. 在 `main.js` 中导入 Mint UI:
```
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)
```
2. 在需要使用 house 图标的组件中,使用 Mint UI 的 `mt-icon` 组件,并将图标名称设为 `house`:
```
<template>
<div>
<mt-icon name="house"></mt-icon>
</div>
</template>
```
这样就可以在页面上显示出 house 图标了。如果需要调整图标的大小、颜色等属性,可以通过设置 `mt-icon` 的 `size`、`color` 等属性实现。
阅读全文