该组件库采用 Vue@3.3.4
+ TypeScript@5.2.2
+ Vite@4.4.5
+ Sass@1.66.1
实现!
所有组件样式 采用 BEM
规范,参照 Element-Plus
官方样式架构!
开箱即用,常用基础 UI 组件,以及优化性能后的饿了么组件!
pnpm i mmcat-ui
# or
npm install mmcat-ui
# or
yarn add mmcat-ui
Global
import { createApp } from "vue";
import App from "./App.vue";
import McElementPlus from "mmcat-ui";
import "mmcat-ui/dist/style.css";
const app = createApp(App);
app.use(McElementPlus);
Local
<script setup lang="ts">
import { McButton } from "mmcat-ui";
import "mmcat-ui/dist/style.css";
</script>
- Get the project code
git clone https://github.com/mcmcCat/mmcat-ui.git
- Install dependencies
cd mmcat-ui
pnpm i
- Run project
pnpm dev
Component name | Descriptions |
---|---|
Button | 按钮 |
Icon | 图标 |
Message | 消息提示 |
Input | 输入框 |
Component name | Descriptions |
---|---|
Table | 表格 |