A component library for Vue 3 base on layui

---

Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式

快速上手

获得 layui-vue 你只需要使用 npm 引入下述文件：

npm install @layui/layui-vue

在 main.ts 中：

import { createApp } from 'vue'
import App from './App.vue'
import Layui from 'layui-vue'
import 'layui-vue/lib/layui.css'

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

这是一个基本的入门页面：

<template>
   <lay-layout>
      <lay-header>
         <lay-logo>Layui Admin</lay-logo>
      </lay-header>
      <lay-side></lay-side>
      <lay-body>
         <router-view></router-view>
      </lay-body>
      <lay-footer>pearadmin.com</lay-footer>
   </lay-layout>
</template>

阅读文档

从现在开始，尽情地拥抱 layui 吧！但愿她能成为你长远的开发伴侣，化作你方寸屏幕前的亿万字节！

使用趋势

贡献者

大概是因为 layui 让开发者变得更懒，所以贡献者才这么少？
好的，姑且就这样认为吧。

相关

官网、更新日志