init Tree component
init Tree component
This commit is contained in:
parent
ff16f09614
commit
89f2ba8bad
9 changed files with 56 additions and 1 deletions
2
src/components/tree/index.js
Normal file
2
src/components/tree/index.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
import Tree from './tree.vue';
|
||||||
|
export default Tree;
|
13
src/components/tree/tree-node.vue
Normal file
13
src/components/tree/tree-node.vue
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {},
|
||||||
|
data () {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
methods: {}
|
||||||
|
};
|
||||||
|
</script>
|
13
src/components/tree/tree.vue
Normal file
13
src/components/tree/tree.vue
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {},
|
||||||
|
data () {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
methods: {}
|
||||||
|
};
|
||||||
|
</script>
|
|
@ -40,6 +40,7 @@ import Timeline from './components/timeline';
|
||||||
import TimePicker from './components/time-picker';
|
import TimePicker from './components/time-picker';
|
||||||
import Tooltip from './components/tooltip';
|
import Tooltip from './components/tooltip';
|
||||||
import Transfer from './components/transfer';
|
import Transfer from './components/transfer';
|
||||||
|
import Tree from './components/tree';
|
||||||
import Upload from './components/upload';
|
import Upload from './components/upload';
|
||||||
import { Row, Col } from './components/layout';
|
import { Row, Col } from './components/layout';
|
||||||
import { Select, Option, OptionGroup } from './components/select';
|
import { Select, Option, OptionGroup } from './components/select';
|
||||||
|
@ -105,6 +106,7 @@ const iview = {
|
||||||
TimePicker,
|
TimePicker,
|
||||||
Tooltip,
|
Tooltip,
|
||||||
Transfer,
|
Transfer,
|
||||||
|
Tree,
|
||||||
Upload
|
Upload
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -37,4 +37,5 @@
|
||||||
@import "form";
|
@import "form";
|
||||||
@import "carousel";
|
@import "carousel";
|
||||||
@import "rate";
|
@import "rate";
|
||||||
@import "upload";
|
@import "upload";
|
||||||
|
@import "tree";
|
5
src/styles/components/tree.less
Normal file
5
src/styles/components/tree.less
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
@tree-prefix-cls: ~"@{css-prefix}tree";
|
||||||
|
|
||||||
|
.@{tree-prefix-cls} {
|
||||||
|
|
||||||
|
}
|
|
@ -50,6 +50,7 @@ li + li {
|
||||||
<li><a v-link="'/carousel'">Carousel</a></li>
|
<li><a v-link="'/carousel'">Carousel</a></li>
|
||||||
<li><a v-link="'/rate'">Rate</a></li>
|
<li><a v-link="'/rate'">Rate</a></li>
|
||||||
<li><a v-link="'/upload'">Upload</a></li>
|
<li><a v-link="'/upload'">Upload</a></li>
|
||||||
|
<li><a v-link="'/tree'">Tree</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
|
|
|
@ -150,6 +150,11 @@ router.map({
|
||||||
require(['./routers/upload.vue'], resolve);
|
require(['./routers/upload.vue'], resolve);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
'/tree': {
|
||||||
|
component: function (resolve) {
|
||||||
|
require(['./routers/tree.vue'], resolve);
|
||||||
|
}
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
router.beforeEach(function () {
|
router.beforeEach(function () {
|
||||||
|
|
13
test/routers/tree.vue
Normal file
13
test/routers/tree.vue
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {},
|
||||||
|
data () {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
methods: {}
|
||||||
|
};
|
||||||
|
</script>
|
Loading…
Add table
Reference in a new issue