lea-ui

Installing

Using npm:

npm install lea-ui -S

Quick Start

import Vue import Vue from 'vue'
import leaUI from 'lea-ui'

Vue.use(leaUI)

Components

tabs

支持结构上的独立

基础用法

<template>
  <lea-tabs v-model="activeName">
    <lea-tab-item label="测试选项1" name="first">
      <span slot="label"><i class="el-icon-date"></i> 测试选项1</span>
    </lea-tab-item>
    <lea-tab-item label="测试选项2" name="second">测试选项2</lea-tab-item>
  </lea-tabs>
  <lea-tabs-panel v-model="activeName">
    <lea-tab-panel-item name="first">
      <div>测试选项1的内容</div>
    </lea-tab-panel-item>
    <lea-tab-panel-item name="second">
      <div>测试选项2的内容</div>
    </lea-tab-panel-item>
  </lea-tabs-panel>
</template>

<script>
  export default {
    data() {
      return {
        activeName: 'first'
      };
    }
  };
</script>

Tabs Attributes

Tab-item Attributes

Tabs-panel Attributes

Tab-panel-item Attributes

Tab-item Scoped Slot