darkti UI

# 快速上手

# 引入darkti

  • 完整组件列表和引入方式，在main.js中引入
import Vue from 'vue';
import 'darkti/dist/index.css';
import {
    Button, 
    ButtonGroup, 
    Icon, 
    Row, 
    Col, 
    Input, 
    Content, 
    Footer,
    Header, 
    Layout, 
    Sider, 
    Tabs, 
    TabsHead, 
    TabsItem, 
    TabsBody, 
    TabsPane, 
    Popover, 
    Collapse, 
    CollapseItem, 
    ToastPlugin
} from 'darkti';

Vue.component('d-button', Button)
Vue.component('d-button-group', ButtonGroup)
Vue.component('d-icon', Icon)
Vue.component('d-row', Row)
Vue.component('d-col', Col)
Vue.component('d-input', Input)
Vue.component('d-content',Content)
Vue.component('d-footer',Footer)
Vue.component('d-header',Header)
Vue.component('d-layout',Layout)
Vue.component('d-sider',Sider)
Vue.component('d-tabs',Tabs)
Vue.component('d-tabs-head',TabsHead)
Vue.component('d-tabs-item',TabsItem)
Vue.component('d-tabs-body',TabsBody)
Vue.component('d-tabs-pane',TabsPane)
Vue.component('d-popover',Popover)
Vue.component('d-collapse',Collapse)
Vue.component('d-collapse-item',CollapseItem)
Vue.use(ToastPlugin)

← Button →