add Cell component for init
This commit is contained in:
parent
a0141266d4
commit
59a3b893b7
10 changed files with 57 additions and 0 deletions
|
@ -66,6 +66,7 @@ nav {
|
|||
<li><router-link to="/scroll">Scroll</router-link></li>
|
||||
<li><router-link to="/divider">Divider</router-link></li>
|
||||
<li><router-link to="/time">Time</router-link></li>
|
||||
<li><router-link to="/cell">Cell</router-link></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<router-view></router-view>
|
||||
|
|
|
@ -218,6 +218,10 @@ const router = new VueRouter({
|
|||
{
|
||||
path: '/time',
|
||||
component: (resolve) => require(['./routers/time.vue'], resolve)
|
||||
},
|
||||
{
|
||||
path: '/cell',
|
||||
component: (resolve) => require(['./routers/cell.vue'], resolve)
|
||||
}
|
||||
]
|
||||
});
|
||||
|
|
14
examples/routers/cell.vue
Normal file
14
examples/routers/cell.vue
Normal file
|
@ -0,0 +1,14 @@
|
|||
<template>
|
||||
<div>
|
||||
<div>cell</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data(){
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
2
src/components/cell-group/index.js
Normal file
2
src/components/cell-group/index.js
Normal file
|
@ -0,0 +1,2 @@
|
|||
import CellGroup from '../cell/cell-group.vue';
|
||||
export default CellGroup;
|
11
src/components/cell/cell-group.vue
Normal file
11
src/components/cell/cell-group.vue
Normal file
|
@ -0,0 +1,11 @@
|
|||
<template>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
11
src/components/cell/cell.vue
Normal file
11
src/components/cell/cell.vue
Normal file
|
@ -0,0 +1,11 @@
|
|||
<template>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
5
src/components/cell/index.js
Normal file
5
src/components/cell/index.js
Normal file
|
@ -0,0 +1,5 @@
|
|||
import Cell from './cell.vue';
|
||||
import CellGroup from './cell-group.vue';
|
||||
|
||||
Cell.Group = CellGroup;
|
||||
export default Cell;
|
|
@ -11,6 +11,7 @@ import Button from './components/button';
|
|||
import Card from './components/card';
|
||||
import Carousel from './components/carousel';
|
||||
import Cascader from './components/cascader';
|
||||
import Cell from './components/cell';
|
||||
import Checkbox from './components/checkbox';
|
||||
import Circle from './components/circle';
|
||||
import Collapse from './components/collapse';
|
||||
|
@ -74,6 +75,8 @@ const components = {
|
|||
Carousel,
|
||||
CarouselItem: Carousel.Item,
|
||||
Cascader,
|
||||
Cell,
|
||||
CellGroup: Cell.Group,
|
||||
Checkbox,
|
||||
CheckboxGroup: Checkbox.Group,
|
||||
Col,
|
||||
|
|
5
src/styles/components/cell.less
Normal file
5
src/styles/components/cell.less
Normal file
|
@ -0,0 +1,5 @@
|
|||
@cell-prefix-cls: ~"@{css-prefix}cell";
|
||||
|
||||
.@{cell-prefix-cls} {
|
||||
|
||||
}
|
|
@ -48,3 +48,4 @@
|
|||
@import "divider";
|
||||
@import "anchor";
|
||||
@import "time";
|
||||
@import "cell";
|
Loading…
Add table
Reference in a new issue