0.1.2 • Published 2 years ago
minji-ui v0.1.2
Minji UI Component Library (Vue2 Version)
This is my first try to build my own component library. Hope you can try and like it! And if I have time, I will keep improving it 👩🏻💻
🚀 项目主页
What I built 有哪些轮子
- Record Player Component (for fun!) 唱片机
- Button Component 按钮
- Input Component 输入框
- Layout Component 布局
- Toast Component 消息提示
- Tab Component 标签栏
- Popover Component 弹出提示条
- Highlight Component 高亮
Before you use 使用前
Please add this in your CSS 使用本框架前,请在CSS中开启border-box
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
How to use 使用步骤
Install the package
npm i minji-ui // or yarn add minji-ui
In your code
<template> <div id="app"> <m-player color="purple"></m-player> <m-button type="primary">欢迎使用Minji UI</m-button> </div> </template> <script> import { Button, RecordPlayer } from "minji-ui"; import "minji-ui/dist/index.css"; export default { name: "App", components: { HelloWorld, "m-button": Button, "m-player": RecordPlayer, }, }; </script>