@yllfbaobao/layui-vue NPM

Introduction

🔶 Explore the docs » Join us

An enterprise-class UI components based on Layui and Vue.

Run with code Sandbox.

Features

A few of the things you can do with layui vue:

Writing components using setup script
Up to 60 high quality components
Provide Axure design resources
Support theme customization
Support internationalization

Get Started

Use npm to install.

npm i @yllfbaobao/layui-vue

Before using, you need to mount layui Vue to Vue and introduce index.css style file

import App from './App.vue'
import { createApp } from 'vue'
import layui from '@yllfbaobao/layui-vue'
import '@yllfbaobao/layui-vue/lib/index.css'

createApp(App).use(layui).mount('#app')

We have several examples on the website. Here is the first one to get you started:

<template>
  <lay-button-container>
    <lay-button>Hello Word</lay-button>
  </lay-button-container>
</template>

Volar

If you use Volar, specify the global component type via compilerOptions.type in tsconfig.json.

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["@yllfbaobao/layui-vue/types"]
  }
}

Feedback

Feel free to send us feedback on file an issue. Feature requests are always welcome. If you wish to contribute, please take a quick look at the guidelines!

If there's anything you'd like to chat about, please feel free to join our Gitter chat!