lgk-vue3-ui

基础

安装

npm install lgk-vue3-ui

引入

import { createApp } from 'vue'
import App from './App.vue'
import lgkUI from 'lgk-vue3-ui'
import './../node_modules/lgk-vue3-ui/dist/style.css'

const app = createApp(App)

app.use(lgkUI)

app.mount('#app')

组件使用

Button

<lgk-button>提交</lgk-button>
<lgk-button type="primary">提交</lgk-button>
<lgk-button type="success">提交</lgk-button>
<lgk-button type="warning">提交</lgk-button>
<lgk-button type="error">提交</lgk-button>

Input

<lgk-input v-model="val"></lgk-input>
<div>绑定输入的数据：{{ val }}</div>

Tree

<lgk-tree :data="treeData" @node-click="handleNodeClick"> </lgk-tree>

[
  {
    label: "层级1",
    children: [
      {
        label: "层级1-1",
        children: [],
      },
      {
        label: "层级1-2",
        children: [
          {
            label: "层级1-2-1",
            children: [
              {
                label: "层级1-2-1-1",
                children: [],
              },
              {
                label: "层级1-2-1-2",
                children: [
                  {
                    label: "层级1-2-1-2-1",
                    children: [],
                  },
                  {
                    label: "层级1-2-1-2-2",
                    children: [],
                  },
                ],
              },
            ],
          },
          {
            label: "层级1-2-2",
            children: [],
          },
        ],
      },
    ],
  },
]