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="/scroll">Scroll</router-link></li>
|
||||||
<li><router-link to="/divider">Divider</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="/time">Time</router-link></li>
|
||||||
|
<li><router-link to="/cell">Cell</router-link></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
|
|
|
@ -218,6 +218,10 @@ const router = new VueRouter({
|
||||||
{
|
{
|
||||||
path: '/time',
|
path: '/time',
|
||||||
component: (resolve) => require(['./routers/time.vue'], resolve)
|
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 Card from './components/card';
|
||||||
import Carousel from './components/carousel';
|
import Carousel from './components/carousel';
|
||||||
import Cascader from './components/cascader';
|
import Cascader from './components/cascader';
|
||||||
|
import Cell from './components/cell';
|
||||||
import Checkbox from './components/checkbox';
|
import Checkbox from './components/checkbox';
|
||||||
import Circle from './components/circle';
|
import Circle from './components/circle';
|
||||||
import Collapse from './components/collapse';
|
import Collapse from './components/collapse';
|
||||||
|
@ -74,6 +75,8 @@ const components = {
|
||||||
Carousel,
|
Carousel,
|
||||||
CarouselItem: Carousel.Item,
|
CarouselItem: Carousel.Item,
|
||||||
Cascader,
|
Cascader,
|
||||||
|
Cell,
|
||||||
|
CellGroup: Cell.Group,
|
||||||
Checkbox,
|
Checkbox,
|
||||||
CheckboxGroup: Checkbox.Group,
|
CheckboxGroup: Checkbox.Group,
|
||||||
Col,
|
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 "divider";
|
||||||
@import "anchor";
|
@import "anchor";
|
||||||
@import "time";
|
@import "time";
|
||||||
|
@import "cell";
|
Loading…
Add table
Reference in a new issue