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)
发表了资讯
昨天 09:23

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

更新内容: [新增] select 组件 search-method 属性, 允许自定义搜索逻辑。 [新增] upload 组件 auto 属性, 是否自动上传配置。 [新增] tab 组件鼠标滚动功能, 兼容移动端 touch 事件。 [新增] textarea 组件 autosize 属性, 根据内容自适应大小。 [新增] icon-picker 组件 allow-clear 属性, 开启清空操作。 [修复] button 组件 夜间模式 下, 普通按钮边框高亮与背景色不一致的问题。 [修复] cascader 组件 v-model 属性不为空...

0
0
发表了资讯
11/30 10:34

layui-vue-admin 1.3.0 发布,开箱即用的中后台模板

更新内容: [新增] 主题配置 - 菜单配置 - 菜单分组。 [新增] 主题配置 - 菜单配置 - 侧边分栏 与 顶部分栏 选项。 [新增] 菜单数据 type 属性,model 与 blank 可选值, 菜单项支持弹层打开外部链接。 [新增] 工作空间 - 控制台新增选项卡案例。 [新增] 选项卡 工具栏, 增加关闭当前,关闭全部,关闭其他。 [修复] 选项卡切换,导致页面状态重置的问题。 [修复] 选项卡 在 router 刷新后不存在的问题。 [修复] echarts 图表在切...

1
3
发表了资讯
11/14 11:06

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

更新内容: [新增] upload 组件 text 属性, 设置上传描述。 [新增] upload 组件 dragText 属性, 设置拖拽面板提示信息。 [新增] page-header 组件 back-icon 插槽, 自定义返回图标。 [新增] page-header 组件 back-icon 属性, 自定义返回图标。 [修复] input-number 组件 step 设置为小数时精度丢失的问题。 [修复] datePicker 组件 年选择器 清空后再点击确定回显错误。 [修复] select 组件 单选模式 与 多选模式 清空操作样式不...

10
3
发表了资讯
11/07 09:03

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

更新内容: [新增] button 按钮 active 效果。 [新增] input 组件 max 与 min 属性, 用于控制 number 类型下手动输入值的范围。 [修复] textarea 组件边框 hover 状态颜色和其它 form 系列组件不一样的问题。 [修复] tag-input 组件获取焦点与 hover 状态和其它 form 系列组件不一样的问题。 [修复] upload 组件多次上传同一文件时,除了第一次都无法正常触发到@before和@done 事件。 [修复] select 组件 slots 无法正常解决注释...

1
1
发表了资讯
10/27 14:07

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

更新内容: [新增] date-picker 组件 placeholder 属性 array 类型兼容。 [修复] date-picker 组件 range 属性为 true 时的 国际化 翻译失效。 [修复] date-picker 组件 range 属性为 true 时的 lay-dropdown 无法解析警告。 [修复] upload 组件 裁剪 案例不生效问题, 前提需要 acceptMime 为 images 值。 [修复] table 组件 滚动条 拖拽时 header 产生错位。 [修复] layer 组件 notifiy 类型 css 丢失的问题。 [优化] color-pic...

0
3
发表了资讯
10/25 01:14

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

layui-vue 已发布 315 个版本,解答 issues 356 条。本次推送预示着 1.7.0 是一个值得信任的版本。 在此感谢 29 位 Contributor 累计 2000 次的代码贡献。 特别感谢 Sight 贡献了极其重要的周边生态,目前 Sight 仍作为项目成员活跃于社区,着手项目的规范性改造。 现阶段对国际化提供了更好的兼容,日期选择器,分页组件 陆续完成了对国际化语言的适配。 同时,我们内部提供了 i18n 实例,你无需再引用外部依赖,它可以直接来帮...

0
2
发表了资讯
10/17 09:29

layer-vue 1.4.6 发布,基于 vue 3.0 的弹出层解决方案

项目描述: layer-vue 是一个基于 vue 3.0 的弹出层解决方案,提供函数与组件式调用两种方式,支持消息层,加载层,相册,抽屉,模态窗,通知,对话框,涵盖大部分的反馈操作。其一直作为 layui-vue 的内部模块,但仍提供独立版本发布。 更新内容: [新增] layer 组件 notifiy 方法, 支持消息通知。 [新增] layer 组件 photos 方法, 支持相册层。 [修复] layer 组件 v-model 默认为 true 时弹出层不显示的问题。 [修复] layer 组...

0
1
发表了资讯
10/15 14:18

layui-vue 1.6.8 发布,基于 vue 3.0 桌面端组件库

更新内容: [新增] datePicker 组件 type 属性为 date 与 datetime 时, 支持时间戳传入。 [新增] menu 组件 ident 属性, 用于开启目录缩进与缩进尺寸。 [新增] table 组件 column 配置 total-row-method 属性, 用于自定义列统计逻辑。 [修复] upload 组件 drag 为 false 时的 removeEventListener 警告。 [修复] upload 组件销毁 drap drapenter dragover 事件未注销。 [修复] menu 组件 ident 属性带来的 typescript 警告。 [修...

0
2
发表了资讯
10/10 09:16

layui-vue 1.6.4 发布,基于 vue 3.0 的桌面端组件库

项目历程: 截止目前,已在 Gitee 发布 101 个正式版本,解决 issues 317 个,npm 下载量突破 30000。 更新内容: [修复] select 组件下拉图标在选择 option 后状态不重置的问题。 [修复] radio 组件 value 属性不兼容 number 类型而导致类型警告。 [修复] table 组件 .layui-table-body 增加过渡动画后, 修改 height 样式, 导致 header 错位。 [修复] select-option 组件在伴随 v-if 指令时导致无法正常渲染。 [修复] select ...

0
4
发表了资讯
10/07 19:15

layui - vue 1.6.2 发布,基于 vue 3.0 的桌面端组件库

更新内容: [修复] layer 组件 v-model 默认为 true 时弹出层不显示的问题。 [修复] layer 组件 success 回调函数属性默认显示时不触发的问题。 [修复] layer 组件 msg 调用 content-height 内容高度计算不正确。 [修复] layer 组件 btn 与 close 操作抖动的问题。 [修复] upload 组件 size 属性提示信息单位换算错误。 [修复] tree 组件 checkStrictly 属性为 true 时, 初始数据仍关联选择。 [修复] icon-picker 组件 v-model ...

6
2
发表了资讯
10/04 07:22

layui - vue 1.6.0 发布,基于 vue 3.0 的桌面端组件库

更新内容: [新增] avatar 组件 default 插槽, 支持文本头像, 用于复杂场景。 [新增] avatar 组件 icon 属性, 用于展示 iconfont 头像, 默认值为 layui-icon-username。 [新增] tree 组件 checkStrictly 属性, 开启复选框时解除父子联动关系, 默认为 false。 [修复] tree 组件 title 自定义标题插槽, 不生效的问题。 [修复] tree 组件 node 配置 disabled 启用时, @node-click 事件仍触发的问题。 [修复] select 组件 multiple...

3
3
发表了资讯
09/30 17:41

layui-vue 1.5.1 发布,Vue Layui 组件库

layui-vue 1.5.1 已经发布,Vue Layui 组件库。 此版本更新内容包括: [新增] avatar 组件 default 插槽, 支持文本头像, 用于复杂场景。 [新增] avatar 组件 icon 属性, 用于展示 iconfont 头像, 默认值为 layui-icon-username。 [修复] select 组件 multiple 为 true 且 showSearch 为 true 时光标为输入, 否则为小手指。 [修复] select 组件 slots 延时渲染, 选中项 label 不更新的问题。 详情查看:https://gitee.com/layui...

0
1
发表了资讯
09/29 09:28

layui-vue 1.5.0 发布,一 套 Vue 3.0 的桌面端组件库

layui - vue(谐音:类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库。 截止 1.5.0 发布,已持续迭代一年。提交代码 1926 次,解决 issues 302 个。 近期更新,我们来带了哪些新内容 ? [新增] tag-input 标签输入框组件, 用于录入事物的属性与纬度。 [新增] table 组件 header 插槽, 用于在工具栏与表格之间插入元素。 [新增] tabitem 组件 icon 属性, 提供 title 属性前置 icon 设置。 [新增] select 组件 searchPlaceholder ...

5
1
发表了资讯
09/16 09:20

layui-vue 1.4.13 发布,一 套 Vue 3.0 的桌面端组件库

更新内容: [新增] transfer 组件 modelValue (v-model) 属性。 [新增] transfer 组件 change 事件, 在左右转移数据时回调。 [新增] tooltip 组件 visible 参数。 [新增] timeline 组件 title 插槽, 支持自定义标题。 [新增] form-item 组件 requiredErrorMessage 属性, 允许用户自定义必填提示。 [修复] tooltip 组件定位逻辑, content 变化时更新位置。 [修复] form-item 组件 嵌套 date-picker 日期组件时出现的 slots 空指针...

0
5
发表了资讯
09/06 10:48

layui-vue 1.4.9 发布, layui-vue-admin 1.0 正式开源

更新内容: [修复] uuid 在 typescript 中的兼容性问题。 [修复] tab 组件数据刷新后不显示标题的问题。 [修复] countUp 组件 useGrouping 属性异常。 [修复] scroll 组件无法监听 subtree 的节点变化。 [优化] table 组件 window.resize 动态计算 table 滚动条占位宽度。 [优化] table 组件 page 参数 total 值为 0 时, 隐藏分页操作。 [优化] select 组件多选模式下边框被遮挡的问题。 [优化] table 组件 tool 布局, 使用 fl...

6
4
发表了资讯
08/30 10:58

layui - vue 1.4.7 发布,基于 vue 3.0 的桌面端组件库

更新内容: [新增] space 间隔组件, 用于控制组件间的边距。 [新增] carousel 组件 pauseOnHover 属性。 [新增] line 组件 margin 属性,控制分割线边距。 [新增] tab-item 组件 title 属性的函数渲染方式。 [新增] dropdown 组件 placement 属性 *-start 与 *-end 值。 [修复] table 固定高度, 数据发生改变时 title 无法复位的问题。 [修复] table 组件 change 事件异常。 [修复] dropdown 组件 hide 事件触发异常。 [优化] d...

2
3
发表了资讯
08/26 11:58

layui - vue 1.4.5 发布,基于 vue 3.0 的桌面端组件库

更新内容 [新增] page 组件 change 事件。 [新增] card 组件 footer 插槽, 用于自定义底部。 [新增] table 组件 change 事件 limit 参数, 代表每页数量。 [新增] table 组件 footer 插槽, 用在 page 与 body 之间自定义内容。 [修复] upload 组件 field 属性无效。 [修复] upload 组件 acceptMime 属性 默认值 无效。 [修复] menu 组件 changeOpenKeys 事件, 初始化时回调的问题。 [修复] dropdown 组件 popupContainer 不适用于...

0
1
发表了资讯
08/15 09:03

layui - vue 1.4.1 发布,基于 vue 3.0 的桌面端组件库

更新内容: [新增] button 组件 dropdown 下拉 demo。 [新增] button 组件 loading-icon 属性, 允许自定义加载图标。 [新增] table 组件 loading 属性, 数据过渡。 [新增] table 组件 column 属性 children 配置, 支持表头分组。 [新增] table 组件 getRadioProps 属性, 启用单选列时, 定义 radio 配置选项。 [新增] table 组件 getCheckboxProps 属性, 启用复选列, 定义 checkbox 配置选项。 [新增] transfer 组件 datasource...

3
3
发表了资讯
08/05 11:30

layui - vue 1.3.13 发布,基于 vue 3.0 的桌面端组件库

更新内容: [新增] table 组件 row-contextmenu 事件, 处理行右击。 [新增] table 组件 单元格编辑。 [新增] table 组件 expandKeys 属性, 自定展开行。 [新增] table 组件 span-method 属性, 支持行列合并。 [新增] table 组件 defaultExpandAll 属性, 默认展开所有行。 [修复] layer 组件 firefox 浏览器下无法拖动的问题。 [修复] checkbox 组件按需场景下,样式污染。 [修复] tree 组件 checkedKeys 属性, 响应特性失效。 ...

2
4
发表了资讯
07/29 10:48

layui - vue 1.3.9 发布,基于 vue 3.0 的桌面端组件库

更新内容: [新增] switch 组件 name 原生属性。 [新增] input 组件 maxlength 属性, 原生属性限制输入长度。 [修复] textarea 组件 maxlength 属性, 限制内容长度不可用。 [修复] form 组件 position 属性 top 值的布局。 [修复] date-picker 构建之后 time 选择器错误。 [修复] table 组件 totalRow 属性, 计算 string 类型数字拼接的问题。 [修复] table 组件 columns 配置 fixed 属性开启时, 固定列无阴影的问题。 [修复] t...

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{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 评论
62 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部