theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新 README.md

Browse Source
This commit is contained in:
就眠儀式 2021-12-23 00:37:57 +08:00
parent 3c6585fab3
commit dba69480e6
1 changed files with 30 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
README.md
View File

@ -1,6 +1,6 @@
<p align="center"> <p align="center">
<a href="http://layui-vue.pearadmin.com"> <a href="http://www.layui.com">
<img src="https://sentsin.gitee.io/res/images/layui/layui.png" alt="layui" width="360"> <img src="https://images.gitee.com/uploads/images/2021/1213/173638_d6911839_4835367.png" alt="layui" width="360">
</a> </a>
</p> </p>
@ -8,18 +8,27 @@
A component library for Vue 3 base on layui A component library for Vue 3 base on layui
</p> </p>
<p align="center">
基 于 vue 3.0 的 组 件 库 桌 面 级 , layui 的 另 一 种 呈 现 方 式
</p>
<p align="center"> <p align="center">
<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> <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>
<a href="https://www.npmjs.com/package/layui"><img src="https://img.shields.io/npm/l/layui.svg?sanitize=true" alt="License"></a> <a href="https://www.npmjs.com/package/layui"><img src="https://img.shields.io/npm/l/layui.svg?sanitize=true" alt="License"></a>
<a href="https://travis-ci.org/sentsin/layui"><img alt="Build Status" src="https://img.shields.io/travis/sentsin/layui/master.svg"></a> <a href="https://travis-ci.org/sentsin/layui"><img alt="Build Status" src="https://img.shields.io/travis/sentsin/layui/master.svg"></a>
<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> <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>
<!--<a href="https://saucelabs.com/beta/builds/7e6196205e4f492496203388fc003b65"><img src="https://saucelabs.com/buildstatus/layui" alt="Build Status"></a>-->
</p> </p>
<!--
<p align="center">
<a href="https://saucelabs.com/beta/builds/7e6196205e4f492496203388fc003b65"><img src="https://saucelabs.com/browser-matrix/layui.svg" alt="Browser Matrix"></a>
</p>
-->
--- ---
Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式 ### 快速上手 : BETA
## 安装 / Install
获得 layui-vue 你只需要使用 npm 引入 : 获得 layui-vue 你只需要使用 npm 引入 :
@ -27,7 +36,7 @@ Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式
npm install @layui/layui-vue npm install @layui/layui-vue
``` ```
在 main.ts 中 : 在 main.ts 中：
```js ```js
import { createApp } from 'vue' import { createApp } from 'vue'
@ -38,9 +47,7 @@ import App from './App.vue'
createApp(App).use(Layui).mount('#app') createApp(App).use(Layui).mount('#app')
``` ```
## 例子 / Example 接下来，你就可以使用 layui-vue 来开发你的应用 :
我们在主页上有不少例子，这是让你入门的第一个 :
```html ```html
<template> <template>
@ -56,20 +63,26 @@ createApp(App).use(Layui).mount('#app')
</lay-layout> </lay-layout>
</template> </template>
``` ```
## [在线文档](http://layui-vue.pearadmin.com/)
从现在开始，尽情地拥抱 layui 吧！但愿她能成为你长远的开发伴侣，化作你方寸屏幕前的亿万字节！ ### [阅读文档](http://layui-vue.pearadmin.com/)
## 趋势 / Trend 从现在开始，用另一种方式拥抱 layui, 继续化作你方寸屏幕前的亿万字节！
[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/5ZQ67WWS.png)](https://giteye.net/chart/5ZQ67WWS) ### 使用趋势
## 贡献 / Contribution [![Giteye chart](https://images.gitee.com/uploads/images/2021/1222/233241_e13a5449_4835367.png)](https://giteye.net/chart/5ZQ67WWS)
### 贡献代码
> 大概是因为 layui - vue 让开发者变得更懒，所以贡献者才这么少？ > 大概是因为 layui - vue 让开发者变得更懒，所以贡献者才这么少？
> 好的，姑且就这样认为吧。
[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/DBC9Z6HQ.png)](https://giteye.net/chart/DBC9Z6HQ) [![Giteye chart](https://images.gitee.com/uploads/images/2021/1213/173638_e7f746f3_4835367.png)](https://giteye.net/chart/DBC9Z6HQ)
## 其他 / Other ## 交流群
![输入图片说明](https://images.gitee.com/uploads/images/2021/1008/090410_8b349271_4835367.png 'QQ图片20211008090242.png')
## 相关
[官网](http://layui-vue.pearadmin.com/)、[更新日志](http://layui-vue.pearadmin.com/zh-CN/guide/changelog)、[交流群](https://jq.qq.com/?_wv=1027&k=ffiUQgnE) [官网](http://layui-vue.pearadmin.com/)、[更新日志](http://layui-vue.pearadmin.com/zh-CN/guide/changelog)、[交流群](https://jq.qq.com/?_wv=1027&k=ffiUQgnE)