layui-vue 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
layui-vue 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
layui-vue 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 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 指数为
超过 的项目

评论

点击加入讨论🔥(6) 发布并加入讨论🔥
发表了资讯
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
发表了资讯
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
发表了资讯
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
发表了资讯
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
发表了资讯
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
发表了资讯
2023/10/19 10:01

🍃 layui-vue-admin 2.1.0 发布,开箱即用的企业级前端模板

项目介绍: 开 箱 即 用 的 layui vue 企 业 级 前 端 模 板 仓库地址: layui-vue-admin: 🔥 开 箱 即 用 的 layui vue 企 业 级 前 端 模 板 (gitee.com) 更新日志: [修复] 系统管理 - 用户管理表格高度无法自适应的问题。 [修复] 系统管理 - 角色管理表格高度无法自适应的问题。 [修复] 系统管理 - 权限管理表格高度无法自适应的问题。 [修复] 系统管理 - 字典管理表格高度无法自适应的问题。 [修复] 系统管理 - 操作日...

3
3
发表了资讯
2023/10/18 09:18

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

更新说明 [新增] slider 组件 model-value 属性 array 类型兼容。 [新增] slider 组件 reverse 属性, 实现初始值与结束值的转换。 [新增] silder 组件 tooltip-props 属性, 传入 tooltip 继承属性,自定义效果。 [新增] silder 组件 mark 属性, 设置自定义刻度。 [新增] slider 组件 format-tooltip 函数,格式化 tooltip 内容。 [新增] slider 组件 is-follow-mark 属性, 设置拖拽按钮是否在自定义刻度停顿。 [新增] slider 组...

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

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

更新日志 [修复] layer 组件拖拽后,全文文本无法选中的问题。 [修复] form-item 组件 prop 配置 x[0].y 格式时,form 组件 reset 方法不兼容。 [文档] 改善 button.md 中下拉按钮案例,页面滚动下拉面板不跟随按钮的问题。 [优化] form 组件 reset 方法清空未配置 prop 属性的问题。 [优化] collapse-item 组件 title 属性为非必填。 [优化] layer 组件 resize 启用时,拉伸选中文字的问题。 [升级] layer-vue 到 2.1.0 版本。...

0
1
发表了资讯
2023/10/09 16:42

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

更新日志: [新增] layer 组件 full 方法,必填参数为 id,用于弹出层最大化。 [优化] layer 组件 resize 启用时,拉伸选中文字的问题。 [优化] layer 组件 success 方法,加入 nextTick 优化,保证在弹层渲染后执行。 [修复] page 组件 total 属性回显数量不正确的问题。 [升级] layer-vue 2.0.4 版本。 更多详情:http://www.layui-vue.com...

0
0
发表了资讯
2023/10/08 09:52

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

更新日志 [新增] table 组件 page 属性 layout 配置。 [新增] table 组件 page 属性 hide-on-single-page 配置。 [新增] table 组件 page 属性 ellipsisTooltip 配置。 [新增] table 组件 page 属性 disabled 配置。 [新增] select 组件 auto-fit-width 属性, 将下拉面板宽度设置为输入框宽度。 [新增] table 组件 height 属性 % 值的兼容,从而实现高度自适应。 [修复] table 组件 height 与 maxHeight 只作用到 body 而非整个...

0
1
发表了资讯
2023/10/01 14:53

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

更新日志: [新增] select 组件 auto-fit-width 属性, 将下拉面板宽度设置为输入框宽度。 [新增] table 组件 height 属性 % 值的兼容,从而实现高度自适应。 [修复] table 组件 height 与 maxHeight 只作用到 body 而非整个 table 的问题。 [修复] layer 组件 reset 方法调用报错的问题。 [优化] table 组件 空 状态水平垂直居中位置显示。 [优化] table 组件 page 属性 limits 配置内容省略显示的问题。 [优化] table 组件 ba...

1
0
发表了资讯
2023/09/25 16:43

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

更新日志: [新增] datePicker 组件 max,min 属性,用于控制组件内的可选择的最大值与最小值。 [新增] page 组件 ellipsisTooltip属性 开启翻页更多。 [新增] page 组件 disabled 属性,默认值为 false, 用于分页组件禁用。 [新增] page 组件 hide-on-single-page 属性,total 值超出 pages 后使用下拉展示。 [新增] page 组件 layout 属性,字符数组, count, limits, next, page, prev, refresh, skip 为可选值。 [修复] table...

3
1
发表了资讯
2023/09/18 11:44

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

更新日志: [新增] loading 组件 indicator 插槽,支持自定义加载动画。 [新增] layer 组件 teleport 属性,用于指定弹出层挂载的 dom 节点,默认为 body。 [新增] layer 组件 teleportDisabled 属性,用于禁用 teleport 传送门属性。 [修复] loading 组件 type 属性为 1 2 时,夜间模式不适配的问题。 [修复] layer 组件 type 为 3 时,仍展示标题的问题。 [文档] 新增 layer 组件 moving 回调属性说明,同于拖拽中监听。 [升级...

3
1
发表了资讯
2023/09/15 09:34

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

更新日志: [新增] loading 组件,局部加载。 [新增] loading 组件 loading 属性,控制加载状态。 [新增] loading 组件 type 属性,设置动画类型。 [新增] loading 组件 tip 属性,设置提示信息。 [新增] loading 组件 delay 属性,设置延迟时间,单位:毫秒。 [修复] input 组件 type 属性为 number 时,allow-clear 无效的问题。 [修复] table 组件某些情况下,表头与列错位的问题。 更多详情:http://www.layui-vue.com/zh-C...

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

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

更新日志 2.3.19 [修复] date-picker 组件 showNow 必填的控制台警告。 [修复] date-picker 组件 range 组件样式问题。 [修复] tree-select 组件 multiple 属性启用时, 点击节点发生控制台异常。 [修复] menu 组件第一级菜单在折叠后 to 属性失效的问题。 [修复] select 组件 multiple 为 true 时 placeholder 属性无效的问题 2.3.18 [优化] table 组件 selectedKeys, selectedKey 属性在 dataSource 变化时不再清空。 [优化] s...

1
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}}
没有更多内容
暂无内容
暂无内容
6 评论
69 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部