naive-ui/demo/index.js

98 lines
3.3 KiB
JavaScript
Raw Normal View History

import Vue from 'vue/dist/vue'
import VueRouter from 'vue-router'
import '../styles/index.scss'
2019-06-18 14:53:24 +08:00
import 'codemirror/lib/codemirror.css'
2019-06-04 11:30:56 +08:00
// import Demo from './demo.vue'
import Card from 'packages/common/Card'
import Icon from 'packages/common/Icon'
2019-06-03 23:42:44 +08:00
import Loader from 'packages/common/Loader'
2019-06-13 17:22:06 +08:00
import GradientText from 'packages/common/GradientText'
2019-06-04 16:01:34 +08:00
import ColumnGroup from 'packages/common/ColumnGroup'
import WithPadding from 'packages/common/WithPadding'
2019-06-06 16:44:10 +08:00
import WithMargin from 'packages/common/WithMargin'
2019-06-04 16:01:34 +08:00
import MasonryGroup from 'packages/common/MasonryGroup'
2019-06-06 16:44:10 +08:00
import Table from 'packages/common/Table'
2019-06-13 19:17:41 +08:00
import Checkbox from 'packages/common/Checkbox'
2019-06-18 14:53:24 +08:00
import RoundButton from 'packages/common/Button'
2019-06-14 11:26:46 +08:00
import Switch from '../packages/common/Switch'
2019-06-14 14:46:13 +08:00
import Input from '../packages/common/Input'
2019-06-14 19:33:41 +08:00
import Select from '../packages/common/Select'
2019-06-17 14:29:32 +08:00
import Modal from '../packages/common/Modal'
2019-06-19 17:43:57 +08:00
import Message from '../packages/common/Message'
2019-06-20 12:46:29 +08:00
import Tooltip from '../packages/common/Tooltip'
2019-06-04 16:01:34 +08:00
import ServiceCard from 'packages/nimbus/ServiceCard'
import HomeLayout from 'packages/nimbus/HomeLayout'
2019-06-03 23:42:44 +08:00
import Navbar from 'packages/nimbus/Navbar'
2019-06-04 16:01:34 +08:00
import ServiceLayout from 'packages/nimbus/ServiceLayout'
import NimbusFormCard from 'packages/nimbus/FormCard'
import sideMenuDemo from './components/sideMenuDemo'
2019-06-03 23:42:44 +08:00
import homeDemo from './components/homeDemo'
2019-06-13 17:22:06 +08:00
import gradientTextDemo from './components/gradientTextDemo'
2019-06-13 17:42:42 +08:00
import iconDemo from './components/iconDemo'
2019-06-13 19:17:41 +08:00
import checkboxDemo from './components/checkboxDemo'
2019-06-18 14:53:24 +08:00
import ButtonDemo from './components/ButtonDemo'
2019-06-14 11:26:46 +08:00
import switchDemo from './components/switchDemo'
2019-06-14 13:43:27 +08:00
import tableDemo from './components/tableDemo'
2019-06-14 14:46:13 +08:00
import inputDemo from './components/inputDemo'
2019-06-14 19:33:41 +08:00
import selectDemo from './components/selectDemo'
2019-06-17 14:29:32 +08:00
import modalDemo from './components/modalDemo'
import nimbusFormCardDemo from './components/nimbusFormCardDemo'
2019-06-20 12:46:29 +08:00
import messageDemo from './components/messageDemo'
import tooltipDemo from './components/tooltipDemo'
import demo from './demo'
Vue.use(VueRouter)
Card.install(Vue)
Icon.install(Vue)
2019-06-04 16:01:34 +08:00
ServiceLayout.install(Vue)
2019-06-03 23:42:44 +08:00
Navbar.install(Vue)
Loader.install(Vue)
2019-06-04 16:01:34 +08:00
HomeLayout.install(Vue)
2019-06-13 17:22:06 +08:00
GradientText.install(Vue)
2019-06-04 16:01:34 +08:00
ColumnGroup.install(Vue)
WithPadding.install(Vue)
ServiceCard.install(Vue)
MasonryGroup.install(Vue)
2019-06-06 16:44:10 +08:00
Table.install(Vue)
WithMargin.install(Vue)
2019-06-13 19:17:41 +08:00
Checkbox.install(Vue)
2019-06-14 10:59:06 +08:00
RoundButton.install(Vue)
2019-06-14 11:26:46 +08:00
Switch.install(Vue)
2019-06-14 14:46:13 +08:00
Input.install(Vue)
2019-06-14 19:33:41 +08:00
Select.install(Vue)
2019-06-17 14:29:32 +08:00
Modal.install(Vue)
NimbusFormCard.install(Vue)
2019-06-19 17:43:57 +08:00
Message.install(Vue)
2019-06-20 12:46:29 +08:00
Tooltip.install(Vue)
const routes = [
{ path: '/', component: demo },
2019-06-13 17:22:06 +08:00
{ path: '/n-nimbus-service-layout', component: sideMenuDemo },
{ path: '/n-nimbus-home-layout', component: homeDemo },
2019-06-13 17:42:42 +08:00
{ path: '/n-gradient-text', component: gradientTextDemo },
2019-06-13 19:17:41 +08:00
{ path: '/n-icon', component: iconDemo },
2019-06-14 10:59:06 +08:00
{ path: '/n-checkbox', component: checkboxDemo },
2019-06-18 14:53:24 +08:00
{ path: '/n-button', component: ButtonDemo },
2019-06-14 13:43:27 +08:00
{ path: '/n-switch', component: switchDemo },
2019-06-14 14:46:13 +08:00
{ path: '/n-table', component: tableDemo },
2019-06-14 17:39:56 +08:00
{ path: '/n-input', component: inputDemo },
2019-06-17 14:29:32 +08:00
{ path: '/n-select', component: selectDemo },
{ path: '/n-modal', component: modalDemo },
2019-06-19 17:43:57 +08:00
{ path: '/n-nimbus-form-card', component: nimbusFormCardDemo },
2019-06-20 12:46:29 +08:00
{ path: '/n-message', component: messageDemo },
{ path: '/n-tooltip', component: tooltipDemo }
]
const router = new VueRouter({
routes
})
;(new Vue({
router
})).$mount('#app')
2019-06-04 11:30:56 +08:00
console.log('...')