DevOps研发效能
媒体矩阵
开源中国APP
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Vue 组件
开源组织
地区 不详
投 递 者 就眠仪式
适用人群 未知
收录时间 2021-11-29

软件简介

A component library for Vue 3 base on layui

Version License Build Status Test Coverage


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

快速上手

获得 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/index.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 吧。但愿她能成为你长远的开发伴侣,继续化作你方寸屏幕前的亿万字节!

相关

官网更新日志交流群

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(7) 发布并加入讨论🔥
发表了资讯
04/27 10:22

🌱 layui-vue v2.22.1 发布,一个 Vue 3 UI 框架

官网地址:https://www.layui-vue.com 核心贡献:Jevin (jevin98) - Gitee.com 就眠儀式 (Jmysy) - Gitee.com 更新日志: [新增] datePicker 组件 static(静态面板)模式。详情 [新增] table 组件 columns.titleSlot支持 function 类型渲染方式。详情 [修复] table 组件 dataSource为空,表头checkbox状态应为空。详情 [修复] table 组件 columns.titleSlot失效。详情 [修复] table 组件 fixed column异常显示resize dom。详情...

0
0
发表了资讯
04/14 07:43

🍃 layui-vue 2.22.0 发布,一个 Vue 3 UI 框架

更新日志: [新增] table 组件 page 插槽,分页右侧区域。详情 [新增] table 组件 page.change 回调,在未来版本中将删除 @change事件。详情 [新增] table 组件 checkbox 与 checkbox-all emit,用于触发点击 单行checkbox 与 全选。详情 [新增] table 组件 default-toolbar 可自定义配置图标(icon)。详情 [新增] table 组件 column.ellipsisTooltipProps 可自定义 tooltip 样式。详情 [新增] tree 和 tree-select 组件 data 属...

0
1
发表了资讯
2024/12/04 11:31

🌱 layui-vue v2.21.0 发布,一个 Vue 3 UI 框架

更新日志: [新增] layer 新增moveEnd/resizeEnd返回值。 [修复] table 组件部分场景下底部边框不存在的问题。 [修复] layer 组件拖拽至 iframe 时 mousemove 事件中断的问题。 [修复] timeSelect 与 Segmented 组件类型未生成的问题。 [修复] dropdown 和 tooltip 按需模式 popper 样式丢失。 [修复] date-picker 组件日期范围类型,月份禁用异常。 [修复] docs 文档中因网络协议导致的图片资源丢失。 [修复] table 组件多级表...

0
0
发表了资讯
2024/12/03 11:01

🌱 layui-vue v2.20.0 发布,一个 Vue 3 UI 框架

更新日志: 2.20.0 [修复] table 组件部分场景下底部边框不存在的问题。 [修复] layer 组件拖拽至 iframe 时 mousemove 事件中断的问题。 [修复] timeSelect 与 Segmented 组件类型未生成的问题。 [修复] dropdown 和 tooltip 按需模式 popper 样式丢失。 [修复] date-picker 组件日期范围类型,月份禁用异常。 [修复] docs 文档中因网络协议导致的图片资源丢失。 [修复] table 组件多级表格头部 expand 插槽错位。 [升级] lay...

0
0
发表了资讯
2024/08/02 11:42

🍃layui-vue v2.18.0 发布,一个 Vue 3 UI 框架

更新日志 [重构] cascader 组件,新增多选、搜索、懒加载功能。 [新增] descriptions、descriptionsItem(描述列表)组件。 [新增] cascaderPanel 组件,配合 cascader 使用。 [新增] layer.prompt弹窗类型。 [新增] datePicker组件 新增default-time属性。 [新增] inputNumber组件 新增indicator属性。 [新增] formItem组件 新增tips属性。 [新增] table组件 columns.customSlot属性新增function渲染类型。 [修复] layer组件 手动...

1
0
发表了资讯
2024/06/28 09:35

🍃layui-vue v2.17.7 发布,一个 Vue 3 UI 框架

2.17.7 [升级] layer 升级至2.4.2。 [新增] tree组件 新增props:searchNodeMethod、emit: check-change、Exposes: filter。 [重构] popper组件 影响组件 tooltip。 [修复] layer组件 手动调用min/full函数切换状态异常。 [修复] layer组件 content属性在type为6场景下值为VNode失效。 [修复] tree组件 设置replaceFields后,节点联动失效。 [修复] tree-select组件 下拉树多选开始搜索,选中搜索项会导致已选项清空。 2.17.6...

0
1
发表了资讯
2024/05/24 09:40

🍃 layui-vue v2.17.4 发布,一个 Vue 3 UI 框架

更新日志: [新增] datePicker组件 新增clear事件。 [修复] layer组件 type为time范围选择初始化滚动位置失效。 [修复] popper组件 zIndex应大于layer。 [修复] iconPicker组件 disabled状态下可进行清除操作。 [修复] tsconfig.json moduleResolution为bundler无法引用types。 [修复] datePicker组件 default-time属性调整为非必填。 [优化] form组件 整体样式优化。 [升级] layer 升级至2.3.4。...

0
0
发表了资讯
2024/05/07 10:10

🍃 layui-vue v2.17.2 发布,一个 Vue 3 UI 框架

更新日志 [新增] form组件 新增isLabelTooltip属性控制label是否超出隐藏。 [新增] upload组件 新增选择文件后"on-change"回调事件。 [新增] table组件 columns.customSlot属性新增function类型。 [新增] formItem组件 新增tips属性。 [新增] inputNumber组件 新增indicator属性。 [新增] datePicker组件 新增default-time属性。 [修复] select组件 multiple场景下点击placeholder区域不触发弹窗。 [修复] table组件 列宽改变二...

2
0
发表了资讯
2024/04/22 17:24

🍃 layui-vue v2.17.0 发布,一个 Vue 3 UI 框架

更新日志: [发布] json-schema-form 高阶组件。 [新增] form组件 新增isLabelTooltip属性控制label是否超出隐藏。 [新增] upload组件 新增选择文件后"on-change"回调事件。 [新增] table组件 新增单元格双击事件(cell-double)。 [新增] table组件 标题插槽新增column,columnIndex参数。 [新增] tree,treeSelect 组件 新增lazy,load参数,实现懒加载子节点。 [新增] color-picker 组件 添加allowClear、simple属性控制清空...

0
0
发表了资讯
2024/03/22 17:07

🍃 layui-vue v2.16.6 发布,一个 Vue 3 UI 框架

更新日志: [新增] table组件 新增单元格双击事件(cell-double)。 [新增] tree,treeSelect 组件 新增lazy,load参数,实现懒加载子节点。 [新增] table组件 标题插槽新增column,columnIndex参数。 [修复] table组件 数据改变getCheckboxProps未重新计算。 [修复] treeSelect组件 单选清空二次选择相同值未触发改变。 [修复] table组件 树形跨级展开隐藏错乱。 [修复] upload组件 只有当开启裁剪且能够裁剪时才读取文件。 [修...

3
1
发表了资讯
2024/02/21 09:22

🍃 layui-vue v2.16.1 发布,一个 Vue 3 UI 框架

[新增] affix 组件 test 用例。 [修复] tree 组件 checkedKeys值丢失。I901ZR [修复] slider 组件 二次改变modelValue为0时,滚动条未改变。 [修复] table 组件 totalRow 合计精度问题。 [优化] step 组件 提升 composition 属性优先级,为 row 时 center 属性失效。 [调整] layer.notifiy 方法为 notify。 [调整] layer 组件 options 属性 type 可选值 notifiy 为 notify。 [调整] col 组件所有属性可选值范围为 0 - 24。 [修复...

0
0
发表了资讯
2024/01/29 09:52

🍃 layui-vue v2.14.3 发布,一个 Vue 3 UI 框架

更新内容: [调整] datePicker 组件 移除 popper 底部清空按钮,该操作交由 allowClear 属性。 [修复] splitPanel 组件 修复未进行拖动元素失焦问题。 [修复] inputNumber 组件 model-value 属性缺失响应式。 [新增] color-picker 组件 添加allowClear、simple属性控制清空与确认按钮。 [新增] input-number 组件 添加precision属性,用于控制数值精度。 [新增] tree 组件 replace-fields 属性,支持自定义字段。 [新增] tree ...

0
1
发表了资讯
2024/01/24 14:10

🍃 layui-vue v2.14.1 发布,一个 Vue 3 UI 框架

更新日志: [新增] color-picker 组件 添加allowClear、simple属性控制清空与确认按钮。 [新增] input-number 组件 添加precision属性,用于控制数值精度。 [新增] tree 组件 replace-fields 属性,支持自定义字段。 [新增] tree 与 treeSelect 组件 defaultExpandAll 属性,默认是否展开所有节点。 [修复] table 组件 border异常。I8Y142 [修复] table 组件 columns属性内部深度监听。 [修复] color-picker 组 modelValue为空组...

2
0
发表了资讯
2024/01/19 10:02

🍃 layui-vue v2.14.0 发布,一个 Vue 3 UI 框架

更新日志 [新增] select 组件 header 与 footer 插槽。 [新增] watermark 水印组件。 [新增] input-number 组件 step-strictly 属性。 [修复] checkcard 组件边框不跟随主题色。 [修复] public.css 在按需模式下丢失的问题 。 [修复] table 组件分页时自动宽度不工作的问题。 [修复] input-number 组件触摸点击触发两次事件。 [修复] tree-select 组件 搜索问题。 [优化] table 组件内 switch radio 等样式。 [优化] switch 组件...

1
2
发表了资讯
2024/01/14 07:32

🍃 layui-vue v2.13.3 发布,一个 Vue 3 UI 框架

更新日志 [新增] watermark 水印组件。 [新增] tree-select 组件 searchNodeMethod 搜索自定义过滤方法。 [新增] input-number 组件 step-strictly 限制输入值只能是步长的倍数。 [新增] form 组件 label文字长度溢出显示tooltip。 [优化] input 组件 blur 与 foucs 事件参数类型为 FocusEvent。 [修复] table 组件切换分页时自动宽度不工作的问题。 [修复] form-item 组件 label 缺省的情况下,验证异常。 [修复] watermark 组...

1
0
发表了资讯
2023/12/25 08:41

🍃 layui-vue v2.13.0 发布,一个 Vue 3 UI 框架

更新日志: [新增] watermark 水印组件。 [新增] watermark 组件 content 属性,用于设置内容。 [新增] watermark 组件 elementBox 属性,用于指定父容器。 [新增] watermark 组件 color 属性,用于设置水印字体颜色。 [新增] watermark 组件 fontSize 属性,用于设置水印字体大小。 [新增] watermark 组件 fontFamily 属性,用于设置水印字体样式。 [新增] watermark 组件 rotate 属性,用于设置水印角度。 [新增] watermark 组...

0
1
发表了资讯
2023/11/23 10:45

🍃 layui-vue v2.12.0 发布,一个 Vue 3 UI 框架

更新内容: [新增] layer 组件 resizeStart 属性,拉伸开始回调。 [新增] layer 组件 resizing 属性,拉伸中回调。 [新增] layer 组件 resizeEnd 属性,拉伸结束回调。 [新增] form 组件 mode 属性,全局设置表单项布局模式,block 与 inline 未可选值。 [新增] table 组件 empty 插槽,提供自定义空状态的能力。 [新增] table 组件 empty-description 属性,设置没有数据时的默认文本。 [修复] avatar 组件 class 错误,导致内...

1
0
发表了资讯
2023/11/10 09:13

layui-vue v2.11.4 发布,一个 Vue 3 UI 框架

更新日志: [新增] avatar 与 avatar-list 单元测试用例。 [修复] table 组件 defaultToolbar 在国际化场景下不兼容的问题。 [修复] page 组件 skin 启用,跳转操作 "确认" 不适配国际化的问题。 [修复] date-picker 组件下拉面板中的 "确认" 操作 hover 状态不跟随主题色的问题。 [修复] avatar 升级 2.11.0 后,加载图片失败会导致 icon 闪动和连续的请求。 [修正] form 组件文档 required-error-message 属性描述错误。 更多...

1
0
发表了资讯
2023/10/31 09:11

🍃 layui-vue v2.11.0 发布,一个 Vue 3 UI 框架

更新日志 [新增] avatar 组件 fullback 属性,图片加载失败时的回调。 [新增] avatar 组件 auto-fix-size 属性,自动调节 icon 与 font 尺寸。 [新增] avatar-list 组件 size 属性,统一 slots 内 avatar 组件 size 属性。 [新增] avatar-list 组件 radius 属性,统一 slots 内 avatar 组件 radius 属性。 [新增] badge 组件 position 属性,top-righ top-left bottom-right bottom-left 为可选值。 [新增] badge 组件 showZero...

0
0
发表了资讯
2023/10/23 09:30

🍃 layui-vue v2.10.1 发布,一个 Vue 3 UI 框架

更新详情: [新增] layer 组件 shadeStyle 属性,设置遮盖层样式。 [修复] tree-select 组件 multiple 属性为 false 时,change 事件触发两次的问题。 [修复] page 组件 total 属性为 0 时,页面显示 1 | 0 的问题。 [修复] upload 组件取消文件选择后,內部仍出发后续解析上传的流程问题。 [修复] table 组件 children 属性内的子节点 totalRow 属性不起作用的问题。 [优化] table 组件 totalRow 合并行始终固定在表格最底部,...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
7 评论
69 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部