Mzl UI
made with Vuejs

Mzl UI

一套适合开发者使用的轻量级UI组件库,完美支持vue3

相关问答
暂无相关问题
查看全部
简介及使用教程

这是一个支持vue3的ui组件库,基于vue3.2和vite2封装,轻量小巧,支持按需引入。

安装

Npm

npm i mzl-ui --save

Yarn

yarn add  mzl-ui

浏览器

使用

全局使用



import { createApp } from 'vue' import App from '@/App.vue' import mzlUi from 'mzl-ui' import '../node_modules/mzl-ui/dist/style.css' const app = createApp(App) app.use(mzlUi) app.mount('#app')

按需引用



import { mButton, mInput } from 'mzl-ui'

使用



<m-button>默认按钮</m-buttonn> <m-button type="primary">主要按钮</m-button>

示例

image.png

image.png

image.png

作者

李宁-Ningstyle

相关项目

一个模拟雨滴落在玻璃表面的简单脚本。
这是一个基于Vue.js的Github样式的日历热图。
这是一个基于Splide的Vue滑块组件。
这是一个基于Vue的滚动条组件。
这是一个Bootstrap风格简单分页组件。
这是一个Vue.js 2打字机效果组件 。