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 的基本步骤，希望能够帮助到你。