other / mew-iview

Commit 8778b3435d1ec4180205efed5acf96f0b505155f

Authored by 梁灏
1 parent 9fc59aa6

init Menu components 

init Menu components
Showing 10 changed files with 75 additions and 31 deletions   Show diff stats
Inline Side-by-side
assets/iview.png
View file @8778b34

163 KB | W: | H:

162 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
src/components/menu/index.js 0 → 100644
  Show/Hide comments   View file @8778b34
  1 +import Menu from './menu.vue';
  2 +import MenuGroup from './menu-group.vue';
  3 +import MenuItem from './menu-item.vue';
  4 +import Submenu from './submenu.vue';
  5 +
  6 +Menu.Group = MenuGroup;
  7 +Menu.Item = MenuItem;
  8 +Menu.Sub = Submenu;
  9 +
  10 +export default Menu;
0 11 \ No newline at end of file
... ...
src/components/menu/menu-group.vue 0 → 100644
  Show/Hide comments   View file @8778b34
  1 +<template>
  2 +
  3 +</template>
  4 +<script>
  5 + export default {
  6 + props: {},
  7 + data () {
  8 + return {}
  9 + },
  10 + computed: {},
  11 + methods: {}
  12 + }
  13 +</script>
0 14 \ No newline at end of file
... ...
src/components/menu/menu-item.vue 0 → 100644
  Show/Hide comments   View file @8778b34
  1 +<template>
  2 +
  3 +</template>
  4 +<script>
  5 + export default {
  6 + props: {},
  7 + data () {
  8 + return {}
  9 + },
  10 + computed: {},
  11 + methods: {}
  12 + }
  13 +</script>
0 14 \ No newline at end of file
... ...
src/components/menu/menu.vue 0 → 100644
  Show/Hide comments   View file @8778b34
  1 +<template>
  2 +
  3 +</template>
  4 +<script>
  5 + export default {
  6 + props: {},
  7 + data () {
  8 + return {}
  9 + },
  10 + computed: {},
  11 + methods: {}
  12 + }
  13 +</script>
0 14 \ No newline at end of file
... ...
src/components/menu/submenu.vue 0 → 100644
  Show/Hide comments   View file @8778b34
  1 +<template>
  2 +
  3 +</template>
  4 +<script>
  5 + export default {
  6 + props: {},
  7 + data () {
  8 + return {}
  9 + },
  10 + computed: {},
  11 + methods: {}
  12 + }
  13 +</script>
0 14 \ No newline at end of file
... ...
src/index.js
  Show/Hide comments   View file @8778b34
... ... @@ -17,6 +17,7 @@ import Icon from &#39;./components/icon&#39;;
17 17 import Input from './components/input';
18 18 import InputNumber from './components/input-number';
19 19 import LoadingBar from './components/loading-bar';
  20 +import Menu from './components/menu';
20 21 import Message from './components/message';
21 22 import Modal from './components/modal';
22 23 import Notice from './components/notice';
... ... @@ -60,6 +61,10 @@ const iview = {
60 61 iInput: Input,
61 62 InputNumber,
62 63 LoadingBar,
  64 + Menu,
  65 + MenuGroup: Menu.Group,
  66 + MenuItem: Menu.Item,
  67 + Submenu: Menu.Sub,
63 68 Message,
64 69 Modal,
65 70 Notice,
... ...
src/styles/components/index.less
  Show/Hide comments   View file @8778b34
... ... @@ -30,4 +30,5 @@
30 30 @import "transfer";
31 31 @import "table";
32 32 @import "dropdown";
33   -@import "tabs";
34 33 \ No newline at end of file
  34 +@import "tabs";
  35 +@import "menu";
35 36 \ No newline at end of file
... ...
src/styles/components/menu.less 0 → 100644
  Show/Hide comments   View file @8778b34
test/routers/tabs.vue
  Show/Hide comments   View file @8778b34
1 1 <template>
2   - <i-button @click="toggleClose">closable</i-button>
3   -
4   - <div style="margin:20px;width:400px">
5   - <Tabs type="line" :closable="closable" 3399ff>
6   - <Tab-pane label="Tab 1">Tab1 content</Tab-pane>
7   - <Tab-pane label="Tab 2" icon="ionic">Tab2 content</Tab-pane>
8   - <Tab-pane label="Tab 3" disabled>Tab3 content</Tab-pane>
9   - <Tab-pane label="Tab 4">Tab4 content</Tab-pane>
10   - <Tab-pane label="Tab 5">Tab5 content</Tab-pane>
11   - <Tab-pane label="Tab 6" icon="ionic">Tab6 content</Tab-pane>
12   - <Tab-pane label="Tab 7" disabled>Tab7 content</Tab-pane>
13   - <Tab-pane label="Tab 888888888">Tab8 content</Tab-pane>
14   - </Tabs>
15   - </div>
  2 + <Tabs size="small">
  3 + <Tab-pane label="macOS" icon="social-apple">标签一的内容</Tab-pane>
  4 + <Tab-pane label="Windows" icon="social-windows">标签二的内容</Tab-pane>
  5 + <Tab-pane label="Linux" icon="social-tux">标签三的内容</Tab-pane>
  6 + </Tabs>
16 7 </template>
17 8 <script>
18 9 export default {
19   - props: {
20   -
21   - },
22   - data () {
23   - return {
24   - closable: true
25   - }
26   - },
27   - computed: {
28 10  
29   - },
30   - methods: {
31   - toggleClose () {
32   - this.closable = !this.closable;
33   - }
34   - }
35 11 }
36   -</script>
37 12 \ No newline at end of file
  13 +</script>
... ...