Go to file
2021-10-12 14:27:33 +08:00
.husky chore(commitlint): add commitlint in project 2021-10-12 11:55:57 +08:00
docs perf(field): 根据 slot 内容决定 块状 线条 状态 2021-10-12 14:27:33 +08:00
src perf(field): 根据 slot 内容决定 块状 线条 状态 2021-10-12 14:27:33 +08:00
.browserslistrc [其他] 初始化项目结构 2021-09-27 06:09:33 +08:00
.eslintrc.js style(prettier): reset code style with prettier 2021-10-12 11:30:07 +08:00
.gitignore [其他] 初始化项目结构 2021-09-27 06:09:33 +08:00
.lintstagedrc [其他] 初始化项目结构 2021-09-27 06:09:33 +08:00
.pnpm-debug.log [新增] collapse 组件 2021-10-01 13:35:00 +08:00
.postcssrc.json style(prettier): reset code style with prettier 2021-10-12 11:30:07 +08:00
.prettierrc [其他] 初始化项目结构 2021-09-27 06:09:33 +08:00
CHANGELOG.md style(prettier): reset code style with prettier 2021-10-12 11:30:07 +08:00
commitlint.config.js ci(commitlint): add commitlint in project 2021-10-12 09:32:11 +08:00
jest.config.js [其他] 初始化项目结构 2021-09-27 06:09:33 +08:00
LICENSE [其他] 初始化项目结构 2021-09-27 06:09:33 +08:00
package.json style(prettier): reset code style with prettier 2021-10-12 11:30:07 +08:00
pnpm-lock.yaml style(prettier): reset code style with prettier 2021-10-12 11:30:07 +08:00
README.md style(prettier): reset code style with prettier 2021-10-12 11:30:07 +08:00
shims-vue.d.ts [其他] 初始化项目结构 2021-09-27 06:09:33 +08:00
tsconfig.json style(prettier): reset code style with prettier 2021-10-12 11:30:07 +08:00
vite.config.ts style(prettier): reset code style with prettier 2021-10-12 11:30:07 +08:00

layui

A component library for Vue 3 base on layui

Version License Build Status Test Coverage


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

快速上手 : Beta

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

npm install @layui/layui-vue

在 main.ts 中:

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

createApp(App).use(Layui).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 吧!但愿她能成为你长远的开发伴侣,化作你方寸屏幕前的亿万字节!

使用趋势

Giteye chart

贡献者

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

Giteye chart

交流群

输入图片说明

相关

官网更新日志交流群