layui/README.md

81 lines
2.6 KiB
Markdown
Raw Normal View History

2022-07-02 23:14:11 +08:00
## 介绍
2022-02-10 17:23:08 +08:00
2022-02-10 23:48:21 +08:00
<p>
2022-06-22 10:27:53 +08:00
<a href="https://www.oscs1024.com/project/oscs/layui/layui-vue?ref=badge_small" alt="OSCS Status"><img src="https://www.oscs1024.com/platform/badge/layui/layui-vue.svg?size=small"/></a>
2021-10-07 02:12:16 +08:00
<a href="https://www.npmjs.com/package/@layui/layui-vue"><img src="https://img.shields.io/npm/v/@layui/layui-vue.svg?sanitize=true" alt="Version"></a>
2022-02-10 23:48:21 +08:00
<a href="https://www.npmjs.com/package/@layui/layui-vue"><img src="https://img.shields.io/npm/l/@layui/layui-vue.svg?sanitize=true" alt="License"></a>
2021-09-27 11:27:36 +08:00
<a href="https://coveralls.io/r/sentsin/layui?branch=master"><img alt="Test Coverage" src="https://img.shields.io/coveralls/sentsin/layui/master.svg"></a>
2022-07-02 23:00:49 +08:00
</p>
2021-09-27 11:27:36 +08:00
2022-05-25 01:05:37 +08:00
**[🔶 www.layui-vue.com »](http://www.layui-vue.com)**
2021-09-27 11:27:36 +08:00
2022-05-25 01:05:37 +08:00
layui - vue谐音类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.
QQ 群 [➀ 336720831](https://jq.qq.com/?_wv=1027&k=oQA1SC80)
2021-09-29 14:21:47 +08:00
2022-02-10 23:48:21 +08:00
**Run with code Sandbox.**
2021-09-27 11:27:36 +08:00
2022-02-21 01:31:13 +08:00
[![Edit layui-vue](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/11mvy)
2022-02-10 16:38:17 +08:00
2022-05-25 01:05:37 +08:00
## 功能
2021-09-29 14:21:47 +08:00
2022-05-25 01:05:37 +08:00
你可以用layui vue做的一些事情
2021-12-23 00:37:57 +08:00
2022-05-25 01:05:37 +08:00
* 使用 setup script 编写组件
* 多达 60 个高品质组件
* 提供 Axure 设计资源
* 支持 夜间模式
* 支持 多主题
* 支持 国际化
2021-09-27 11:27:36 +08:00
2022-05-25 01:05:37 +08:00
## 开始使用
2022-02-10 23:48:21 +08:00
2022-05-25 01:05:37 +08:00
使用 npm 安装
2022-02-10 23:48:21 +08:00
```bash
npm i @layui/layui-vue
```
2022-05-25 01:05:37 +08:00
在使用前需要将 layui-vue 挂载到 vue 并引入 index.css 样式
2022-02-21 01:36:44 +08:00
```
import App from './App.vue'
import { createApp } from 'vue'
import layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css'
createApp(App).use(layui).mount('#app')
```
2022-02-13 17:00:22 +08:00
2022-07-29 09:34:00 +08:00
我们在[网站](http://www.layui-vue.com)上有几个例子。这是第一个让您入门的方法:
2022-02-10 17:23:08 +08:00
2022-02-10 23:48:21 +08:00
```
2022-02-10 17:23:08 +08:00
<template>
2022-02-10 23:48:21 +08:00
<lay-button-container>
<lay-button>Hello Word</lay-button>
</lay-button-container>
2022-02-10 17:23:08 +08:00
</template>
```
2022-02-10 14:07:34 +08:00
2022-05-25 01:05:37 +08:00
## 反馈
2022-02-10 23:48:21 +08:00
2022-07-29 09:34:00 +08:00
欢迎在[提交问题](https://github.com/layui/layui-vue/issues/new)上向我们反馈。欢迎功能请求。如果您想贡献,请查看[快速指南](./CONTRIBUTING.md)
2022-02-10 23:48:21 +08:00
2022-05-25 01:05:37 +08:00
如果您有什么想聊的,请随时加入我们的[Gitter chat](https://gitter.im/layui-vue/community)
2022-02-10 23:48:21 +08:00
2022-05-25 01:05:37 +08:00
## 构建过程
2022-02-13 23:50:44 +08:00
2022-05-25 01:05:37 +08:00
- `build` 打包组件库
2022-02-13 23:50:44 +08:00
2022-05-25 01:05:37 +08:00
请看一下[贡献指南](./CONTRIBUTING.md),以获得关于如何构建应用程序的详细过程以及排除故障的信息。
2022-02-13 23:50:44 +08:00
2022-05-25 01:05:37 +08:00
## 贡献者
2022-02-10 23:48:21 +08:00
2022-07-29 09:34:00 +08:00
这个项目遵循[所有贡献者](https://github.com/layui/layui-vue/graphs/contributors)规范,感谢这些[出色的贡献者](https://github.com/layui/layui-vue/graphs/contributors)。
2022-02-10 14:07:34 +08:00
2022-07-29 09:34:00 +08:00
<a href="https://github.com/layui/layui-vue/graphs/contributors">
<img src="https://contrib.rocks/image?repo=layui/layui-vue" />
2022-02-10 23:48:21 +08:00
</a>
2021-12-23 00:37:57 +08:00
2022-05-25 01:05:37 +08:00
## 开源许可
2022-05-25 01:05:37 +08:00
Layui Vue 采用 [MIT](https://opensource.org/licenses/MIT) 开源许可证。