chenhaodong / mew-iview

Commit 871ed4d810e70da81e299059117b5382028765c1

Authored by 梁灏
1 parent 407eabd5

init Tabs component 

init Tabs component
Showing 7 changed files with 60 additions and 103 deletions   Show diff stats
Inline Side-by-side
src/components/tabs/index.js 0 → 100644
  Show/Hide comments   View file @871ed4d
  1 +import Tabs from './tabs.vue';
  2 +import Pane from './pane.vue';
  3 +
  4 +Tabs.Pane = Pane;
  5 +export default Tabs;
0 6 \ No newline at end of file
... ...
src/components/tabs/pane.vue 0 → 100644
  Show/Hide comments   View file @871ed4d
  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/tabs/tabs.vue 0 → 100644
  Show/Hide comments   View file @871ed4d
  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 @871ed4d
... ... @@ -29,6 +29,7 @@ import Spin from &#39;./components/spin&#39;;
29 29 import Steps from './components/steps';
30 30 import Switch from './components/switch';
31 31 import Table from './components/table';
  32 +import Tabs from './components/tabs';
32 33 import Tag from './components/tag';
33 34 import Timeline from './components/timeline';
34 35 import Tooltip from './components/tooltip';
... ... @@ -78,6 +79,8 @@ const iview = {
78 79 Steps,
79 80 Switch,
80 81 iTable: Table,
  82 + Tabs: Tabs,
  83 + TabPane: Tabs.Pane,
81 84 Tag,
82 85 Timeline,
83 86 TimelineItem: Timeline.Item,
... ...
src/styles/components/index.less
  Show/Hide comments   View file @871ed4d
... ... @@ -29,4 +29,5 @@
29 29 @import "cascader";
30 30 @import "transfer";
31 31 @import "table";
32   -@import "dropdown";
33 32 \ No newline at end of file
  33 +@import "dropdown";
  34 +@import "tabs";
34 35 \ No newline at end of file
... ...
src/styles/components/tabs.less 0 → 100644
  Show/Hide comments   View file @871ed4d
  1 +@tabs-prefix-cls: ~"@{css-prefix}tabs";
0 2 \ No newline at end of file
... ...
test/routers/dropdown.vue
  Show/Hide comments   View file @871ed4d
  1 +<style>
  2 +
  3 +</style>
1 4 <template>
2   - <Card>
3   - <Dropdown>
4   - <a href="javascript:void(0)">
5   - hover 触发
6   - <Icon type="arrow-down-b"></Icon>
7   - </a>
8   - <Dropdown-menu slot="list">
9   - <Dropdown-item>驴打滚</Dropdown-item>
10   - <Dropdown-item>炸酱面</Dropdown-item>
11   - <Dropdown-item>豆汁儿</Dropdown-item>
12   - <Dropdown-item>冰糖葫芦</Dropdown-item>
13   - <Dropdown-item>北京烤鸭</Dropdown-item>
14   - </Dropdown-menu>
15   - </Dropdown>
16   - <Dropdown trigger="click" style="margin-left: 20px">
17   - <a href="javascript:void(0)">
18   - click 触发
19   - <Icon type="arrow-down-b"></Icon>
20   - </a>
21   - <Dropdown-menu slot="list">
22   - <Dropdown-item>驴打滚</Dropdown-item>
23   - <Dropdown-item>炸酱面</Dropdown-item>
24   - <Dropdown-item>豆汁儿</Dropdown-item>
25   - <Dropdown-item>冰糖葫芦</Dropdown-item>
26   - <Dropdown-item>北京烤鸭</Dropdown-item>
27   - </Dropdown-menu>
28   - </Dropdown>
29   - <Dropdown trigger="hover" @on-click="click" style="margin-left: 20px">
30   - <a href="javascript:void(0)">
31   - hover 触发
32   - <Icon type="arrow-down-b"></Icon>
33   - </a>
34   - <Dropdown-menu slot="list">
35   - <Dropdown-item>驴打滚</Dropdown-item>
36   - <Dropdown placement="right-start">
37   - <Dropdown-item>
38   - 炸酱面
39   - <Icon type="arrow-right-b"></Icon>
40   - </Dropdown-item>
41   - <Dropdown-menu slot="list">
42   - <Dropdown-item>驴打滚</Dropdown-item>
43   - <Dropdown-item>炸酱面</Dropdown-item>
44   - <Dropdown-item>豆汁儿</Dropdown-item>
45   - <Dropdown placement="right-start">
46   - <Dropdown-item>
47   - 冰糖葫芦
48   - <Icon type="arrow-right-b"></Icon>
49   - </Dropdown-item>
50   - <Dropdown-menu slot="list">
51   - <Dropdown-item>驴打滚</Dropdown-item>
52   - <Dropdown-item key="123">炸酱面</Dropdown-item>
53   - <Dropdown-item>豆汁儿</Dropdown-item>
54   - <Dropdown-item>冰糖葫芦</Dropdown-item>
55   - <Dropdown-item>北京烤鸭</Dropdown-item>
56   - </Dropdown-menu>
57   - </Dropdown>
58   - <Dropdown-item>北京烤鸭</Dropdown-item>
59   - </Dropdown-menu>
60   - </Dropdown>
61   - <Dropdown-item>豆汁儿</Dropdown-item>
62   - <Dropdown-item>冰糖葫芦</Dropdown-item>
63   - <Dropdown-item>北京烤鸭</Dropdown-item>
64   - </Dropdown-menu>
65   - </Dropdown>
66   - <Dropdown trigger="click" @on-click="click" style="margin-left: 20px">
67   - <a href="javascript:void(0)">
68   - click 触发
69   - <Icon type="arrow-down-b"></Icon>
70   - </a>
71   - <Dropdown-menu slot="list">
72   - <Dropdown-item>驴打滚</Dropdown-item>
73   - <Dropdown placement="right-start">
74   - <Dropdown-item>
75   - 炸酱面
76   - <Icon type="arrow-right-b"></Icon>
77   - </Dropdown-item>
78   - <Dropdown-menu slot="list">
79   - <Dropdown-item>驴打滚</Dropdown-item>
80   - <Dropdown-item>炸酱面</Dropdown-item>
81   - <Dropdown-item>豆汁儿</Dropdown-item>
82   - <Dropdown placement="right-start">
83   - <Dropdown-item>
84   - 冰糖葫芦
85   - <Icon type="arrow-right-b"></Icon>
86   - </Dropdown-item>
87   - <Dropdown-menu slot="list">
88   - <Dropdown-item>驴打滚</Dropdown-item>
89   - <Dropdown-item key="123">炸酱面</Dropdown-item>
90   - <Dropdown-item>豆汁儿</Dropdown-item>
91   - <Dropdown-item>冰糖葫芦</Dropdown-item>
92   - <Dropdown-item>北京烤鸭</Dropdown-item>
93   - </Dropdown-menu>
94   - </Dropdown>
95   - <Dropdown-item>北京烤鸭</Dropdown-item>
96   - </Dropdown-menu>
97   - </Dropdown>
98   - <Dropdown-item>豆汁儿</Dropdown-item>
99   - <Dropdown-item>冰糖葫芦</Dropdown-item>
100   - <Dropdown-item>北京烤鸭</Dropdown-item>
101   - </Dropdown-menu>
102   - </Dropdown>
103   - </Card>
  5 + <Dropdown trigger="click">
  6 + <a href="javascript:void(0)">
  7 + 北京小吃
  8 + <Icon type="arrow-down-b"></Icon>
  9 + </a>
  10 + <Dropdown-menu slot="list">
  11 + <Dropdown-item>炸酱面</Dropdown-item>
  12 + <Dropdown placement="right-start" trigger="click">
  13 + <Dropdown-item>
  14 + 北京烤鸭
  15 + <Icon type="ios-arrow-right"></Icon>
  16 + </Dropdown-item>
  17 + <Dropdown-menu slot="list">
  18 + <Dropdown-item>挂炉烤鸭</Dropdown-item>
  19 + <Dropdown-item>焖炉烤鸭</Dropdown-item>
  20 + </Dropdown-menu>
  21 + </Dropdown>
  22 + <Dropdown-item>冰糖葫芦</Dropdown-item>
  23 + </Dropdown-menu>
  24 + </Dropdown>
104 25 </template>
105 26 <script>
106 27 export default {
... ...