other / 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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 14 \ No newline at end of file
@@ -29,6 +29,7 @@ import Spin from &#39;./components/spin&#39;; @@ -29,6 +29,7 @@ import Spin from &#39;./components/spin&#39;;
29 import Steps from './components/steps'; 29 import Steps from './components/steps';
30 import Switch from './components/switch'; 30 import Switch from './components/switch';
31 import Table from './components/table'; 31 import Table from './components/table';
  32 +import Tabs from './components/tabs';
32 import Tag from './components/tag'; 33 import Tag from './components/tag';
33 import Timeline from './components/timeline'; 34 import Timeline from './components/timeline';
34 import Tooltip from './components/tooltip'; 35 import Tooltip from './components/tooltip';
@@ -78,6 +79,8 @@ const iview = { @@ -78,6 +79,8 @@ const iview = {
78 Steps, 79 Steps,
79 Switch, 80 Switch,
80 iTable: Table, 81 iTable: Table,
  82 + Tabs: Tabs,
  83 + TabPane: Tabs.Pane,
81 Tag, 84 Tag,
82 Timeline, 85 Timeline,
83 TimelineItem: Timeline.Item, 86 TimelineItem: Timeline.Item,
src/styles/components/index.less
  Show/Hide comments   View file @871ed4d
@@ -29,4 +29,5 @@ @@ -29,4 +29,5 @@
29 @import "cascader"; 29 @import "cascader";
30 @import "transfer"; 30 @import "transfer";
31 @import "table"; 31 @import "table";
32 -@import "dropdown";  
33 \ No newline at end of file 32 \ No newline at end of file
  33 +@import "dropdown";
  34 +@import "tabs";
34 \ No newline at end of file 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 \ No newline at end of file 2 \ No newline at end of file
test/routers/dropdown.vue
  Show/Hide comments   View file @871ed4d
  1 +<style>
  2 +
  3 +</style>
1 <template> 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 </template> 25 </template>
105 <script> 26 <script>
106 export default { 27 export default {