add Cell component for init

This commit is contained in:
梁灏 2018-06-20 15:17:54 +08:00
parent a0141266d4
commit 59a3b893b7
10 changed files with 57 additions and 0 deletions

View file

@ -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>

View file

@ -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
View file

@ -0,0 +1,14 @@
<template>
<div>
<div>cell</div>
</div>
</template>
<script>
export default {
data(){
return {
}
}
}
</script>

View file

@ -0,0 +1,2 @@
import CellGroup from '../cell/cell-group.vue';
export default CellGroup;

View file

@ -0,0 +1,11 @@
<template>
</template>
<script>
export default {
props: {
},
}
</script>

View file

@ -0,0 +1,11 @@
<template>
</template>
<script>
export default {
props: {
},
}
</script>

View file

@ -0,0 +1,5 @@
import Cell from './cell.vue';
import CellGroup from './cell-group.vue';
Cell.Group = CellGroup;
export default Cell;

View file

@ -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,

View file

@ -0,0 +1,5 @@
@cell-prefix-cls: ~"@{css-prefix}cell";
.@{cell-prefix-cls} {
}

View file

@ -48,3 +48,4 @@
@import "divider"; @import "divider";
@import "anchor"; @import "anchor";
@import "time"; @import "time";
@import "cell";