## Introduction
<p>
<a href="https://www.npmjs.com/package/@layui/layer-vue"><img src="https://img.shields.io/npm/v/@layui/layer-vue.svg?sanitize=true"></a>
<a href="https://www.npmjs.com/package/@layui/layer-vue"><img src="https://img.shields.io/npm/l/@layui/layer-vue.svg?sanitize=true"></a>
<a href="https://travis-ci.org/sentsin/layui"><img src="https://img.shields.io/travis/sentsin/layui/master.svg"></a>
<a href="https://coveralls.io/r/sentsin/layui?branch=master"><img src="https://img.shields.io/coveralls/sentsin/layui/master.svg"></a>
</p>
**[ð¶ Explore the docs »](http://layer.layui-vue.com)** **[Join us](https://jq.qq.com/?_wv=1027&k=ffiUQgnE)**
Layer vue is a web elastic layer component.
## Get Started
Use npm to install.
```bash
npm i @layui/layer-vue
```
Before using, you need to mount layui Vue to Vue and introduce index.css style file.
```
import App from './App';
import { createApp } from 'vue';
import layer from '@layui/layer-vue';
import '@layui/layer-vue/lib/index.css';
const app = createApp(App);
app.use(layer).mount('#app');
```
We support functional invocation:
```
<template>
<button type="button" @click="openSuccess">æ示æ¶æ¯</button>
</template>
<script setup>
import { ref } from "vue";
import { layer } from "@layui/layer-vue";
const openSuccess = function () {
layer.msg("æåæ¶æ¯", {icon:1, time:1000});
};
</script>
```
Componentized calls are also supported:
```
<template>
<button @click="changeVisible">æ¾ç¤º/éè</button>
<lay-layer v-model="visible">
content
</lay-layer>
</template>
<script setup>
import { ref } from "vue";
const visible = ref(false);
const changeVisible = () => {
visible.value = !visible.value;
}
</script>
```
## Open Source Licence
layui vue is licensed under the [MIT license](https://opensource.org/licenses/MIT).
```
The MIT License (MIT)
Copyright 2021 å°±ç åå¼
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
```
没有合适的资源?快使用搜索试试~ 我知道了~
layui - vue 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.rar
共834个文件
vue:333个
ts:240个
md:93个
需积分: 0 1 下载量 44 浏览量
2023-07-01
20:37:50
上传
评论
收藏 1.58MB RAR 举报
温馨提示
内容简介:更新内容: [新增] fullscreen 全屏组件。 [新增] icon-picker 颜色选择器。 [新增] config-provider 全局配置, 用于主题与国际化切换。 [修复] container 容器在不同的分辨率无法自适应的问题 [修复] dropdown ... 更新内容: [新增] fullscreen 全屏组件。 [新增] icon-picker 颜色选择器。 [新增] config-provider 全局配置, 用于主题与国际化切换。 [修复] container 容器在不同的分辨率无法自适应的问题 [修复] dropdown 组件无法嵌套使用的问题。 [修复] menu 组件导航模式菜单错位问题。 [修复] quote 引用的 nm 灰色主题失效。 [升级] icons-vue 1.0.7 版本。 [升级] layer-vue 1.3.5 版本。 颜色选择器的发布,意味着 layui-vue 对主题的支持。全局 config-provider 配置将为开发者提供更友好的在线主题切换解决方案。 接下来,我们来看如何为现有项目,增加主题切换支持。
资源推荐
资源详情
资源评论
收起资源包目录
layui - vue 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.rar (834个子文件)
build.helper.cjs 4KB
commit-msg 97B
index.css 22KB
code.css 16KB
index.css 13KB
markdown.css 4KB
cropper.min.css 4KB
code.css 2KB
iconfont.css 1KB
index.css 1KB
index.css 1KB
mobile.css 1007B
.env.demand 20B
iconfont.eot 51KB
iconfont.eot 2KB
loading-0.gif 6KB
loading-2.gif 2KB
loading-1.gif 701B
.gitignore 237B
.gitignore 232B
.gitignore 232B
.gitignore 208B
.gitignore 208B
.gitignore 173B
index.html 918B
index.html 796B
favicon.ico 321B
favicon.ico 321B
wechat.jpg 138KB
logo.jpg 68KB
logo.jpg 5KB
index.js 104KB
iconfont.js 26KB
iconfont.js 10KB
.eslintrc.js 2KB
prerender.js 1KB
.cz-config.js 1KB
commitlint.config.js 40B
iconfont.json 3KB
package.json 3KB
package.json 2KB
iconfont.json 1KB
package.json 1KB
package.json 995B
package.json 892B
package.json 857B
tsconfig.json 481B
tsconfig.json 480B
tsconfig.json 480B
tsconfig.json 480B
tsconfig.json 449B
tsconfig.build.json 238B
.keep 0B
.keep 0B
.keep 0B
index.less 12KB
index.less 12KB
public.less 10KB
iconfont.less 10KB
index.less 8KB
index.less 7KB
index.less 7KB
index.less 6KB
index.less 6KB
index.less 6KB
index.less 6KB
index.less 4KB
index.less 3KB
index.less 3KB
index.less 3KB
index.less 3KB
index.less 3KB
index.less 3KB
index.less 3KB
index.less 2KB
index.less 2KB
index.less 2KB
index.less 2KB
index.less 2KB
index.less 2KB
index.less 2KB
index.less 2KB
index.less 2KB
index.less 2KB
index.less 1KB
index.less 1KB
index.less 1KB
iconfont.less 1KB
variable.less 1KB
index.less 1KB
index.less 1KB
index.less 1KB
index.less 1KB
index.less 1KB
index.less 1KB
index.less 1KB
index.less 1KB
index.less 1006B
index.less 968B
index.less 955B
共 834 条
- 1
- 2
- 3
- 4
- 5
- 6
- 9
资源评论
野生的大熊
- 粉丝: 231
- 资源: 247
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功