mint ui toast图标

Mint UI 中的 Toast 组件可以通过 `icon` 属性添加图标，例如：

<m-toast icon="like-o">操作成功</m-toast>

其中，`icon` 属性的值为 Mint UI 中提供的图标名称。具体可参考 Mint UI 官方文档中的 [图标](https://mint-ui.github.io/docs/#/zh-cn2/icon) 部分。

相关问题

Mint UI使用

Mint UI 是一个基于 Vue.js 的移动端 UI 组件库，它提供了大量的常用组件和样式，能够帮助我们快速构建移动端页面。下面简单介绍一下如何在 Vue3 中使用 Mint UI：

1. 安装 Mint UI

可以通过 npm 安装 Mint UI：

npm install mint-ui -S

2. 引入 Mint UI

在 main.js 中引入 Mint UI：

import { createApp } from 'vue'
import MintUI from 'mint-ui';
import 'mint-ui/lib/style.css';

import App from './App.vue'

const app = createApp(App)
app.use(MintUI)
app.mount('#app')

3. 使用 Mint UI 组件

在组件中直接使用 Mint UI 提供的组件，例如：

<template>
  <div>
    <mt-header fixed title="Header"></mt-header>
    <mt-button type="primary">Primary Button</mt-button>
    <mt-tab-container>
      <mt-tab-container-item title="Tab1">
        <p>Tab1 Content</p>
      </mt-tab-container-item>
      <mt-tab-container-item title="Tab2">
        <p>Tab2 Content</p>
      </mt-tab-container-item>
    </mt-tab-container>
  </div>
</template>

<script>
export default {
  name: 'MyComponent'
}
</script>

以上就是在 Vue3 中使用 Mint UI 的基本步骤，希望能够帮助到你。

vue工程项目mint-ui的house图标

Mint UI 的 house 图标可以通过在页面中引入 Mint UI 的样式表并使用 `mt-icon` 组件来实现，示例代码如下：

1. 在页面头部引入 Mint UI 样式表

<!-- 引入 Mint UI 样式表 -->
<link rel="stylesheet" href="//unpkg.com/mint-ui/lib/style.css">

2. 在页面中使用 `mt-icon` 组件，并设置 `icon` 属性为 `'house'`

<!-- 使用 Mint UI 的 house 图标 -->
<mt-icon icon="house"></mt-icon>

注意：在使用 `mt-icon` 组件前，需要先在页面中注册该组件，可以在页面头部引入 Mint UI 的 JS 文件并调用 `Vue.use(MintUI)` 来完成组件的注册。