drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

init Tabs component

Browse source 
init Tabs component
This commit is contained in:
梁灏 2016-12-05 18:04:30 +08:00
parent 407eabd5c3
commit 871ed4d810
7 changed files with 60 additions and 103 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/tabs/index.js Normal file
View file

@ -0,0 +1,5 @@
import Tabs from './tabs.vue';
import Pane from './pane.vue';
Tabs.Pane = Pane;
export default Tabs;

13
src/components/tabs/pane.vue Normal file
View file

@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
props: {},
data () {
return {}
},
computed: {},
methods: {}
}
</script>

13
src/components/tabs/tabs.vue Normal file
View file

@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
props: {},
data () {
return {}
},
computed: {},
methods: {}
}
</script>

3
src/index.js
View file

@ -29,6 +29,7 @@ import Spin from './components/spin';
import Steps from './components/steps'; import Steps from './components/steps';
import Switch from './components/switch'; import Switch from './components/switch';
import Table from './components/table'; import Table from './components/table';
import Tabs from './components/tabs';
import Tag from './components/tag'; import Tag from './components/tag';
import Timeline from './components/timeline'; import Timeline from './components/timeline';
import Tooltip from './components/tooltip'; import Tooltip from './components/tooltip';
@ -78,6 +79,8 @@ const iview = {
Steps, Steps,
Switch, Switch,
iTable: Table, iTable: Table,
Tabs: Tabs,
TabPane: Tabs.Pane,
Tag, Tag,
Timeline, Timeline,
TimelineItem: Timeline.Item, TimelineItem: Timeline.Item,

3
src/styles/components/index.less
View file

@ -29,4 +29,5 @@
@import "cascader"; @import "cascader";
@import "transfer"; @import "transfer";
@import "table"; @import "table";
@import "dropdown"; @import "dropdown";
@import "tabs";

1
src/styles/components/tabs.less Normal file
View file

@ -0,0 +1 @@
@tabs-prefix-cls: ~"@{css-prefix}tabs";

125
test/routers/dropdown.vue
View file

@ -1,106 +1,27 @@
<style>
</style>
<template> <template>
<Card> <Dropdown trigger="click">
<Dropdown> <a href="javascript:void(0)">
<a href="javascript:void(0)"> 北京小吃
hover 触发 <Icon type="arrow-down-b"></Icon>
<Icon type="arrow-down-b"></Icon> </a>
</a> <Dropdown-menu slot="list">
<Dropdown-menu slot="list"> <Dropdown-item>炸酱面</Dropdown-item>
<Dropdown-item>驴打滚</Dropdown-item> <Dropdown placement="right-start" trigger="click">
<Dropdown-item>炸酱面</Dropdown-item> <Dropdown-item>
<Dropdown-item>豆汁儿</Dropdown-item> 北京烤鸭
<Dropdown-item>冰糖葫芦</Dropdown-item> <Icon type="ios-arrow-right"></Icon>
<Dropdown-item>北京烤鸭</Dropdown-item> </Dropdown-item>
</Dropdown-menu> <Dropdown-menu slot="list">
</Dropdown> <Dropdown-item>挂炉烤鸭</Dropdown-item>
<Dropdown trigger="click" style="margin-left: 20px"> <Dropdown-item>焖炉烤鸭</Dropdown-item>
<a href="javascript:void(0)"> </Dropdown-menu>
click 触发 </Dropdown>
<Icon type="arrow-down-b"></Icon> <Dropdown-item>冰糖葫芦</Dropdown-item>
</a> </Dropdown-menu>
<Dropdown-menu slot="list"> </Dropdown>
<Dropdown-item>驴打滚</Dropdown-item>
<Dropdown-item>炸酱面</Dropdown-item>
<Dropdown-item>豆汁儿</Dropdown-item>
<Dropdown-item>冰糖葫芦</Dropdown-item>
<Dropdown-item>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
<Dropdown trigger="hover" @on-click="click" style="margin-left: 20px">
<a href="javascript:void(0)">
hover 触发
<Icon type="arrow-down-b"></Icon>
</a>
<Dropdown-menu slot="list">
<Dropdown-item>驴打滚</Dropdown-item>
<Dropdown placement="right-start">
<Dropdown-item>
炸酱面
<Icon type="arrow-right-b"></Icon>
</Dropdown-item>
<Dropdown-menu slot="list">
<Dropdown-item>驴打滚</Dropdown-item>
<Dropdown-item>炸酱面</Dropdown-item>
<Dropdown-item>豆汁儿</Dropdown-item>
<Dropdown placement="right-start">
<Dropdown-item>
冰糖葫芦
<Icon type="arrow-right-b"></Icon>
</Dropdown-item>
<Dropdown-menu slot="list">
<Dropdown-item>驴打滚</Dropdown-item>
<Dropdown-item key="123">炸酱面</Dropdown-item>
<Dropdown-item>豆汁儿</Dropdown-item>
<Dropdown-item>冰糖葫芦</Dropdown-item>
<Dropdown-item>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
<Dropdown-item>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
<Dropdown-item>豆汁儿</Dropdown-item>
<Dropdown-item>冰糖葫芦</Dropdown-item>
<Dropdown-item>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
<Dropdown trigger="click" @on-click="click" style="margin-left: 20px">
<a href="javascript:void(0)">
click 触发
<Icon type="arrow-down-b"></Icon>
</a>
<Dropdown-menu slot="list">
<Dropdown-item>驴打滚</Dropdown-item>
<Dropdown placement="right-start">
<Dropdown-item>
炸酱面
<Icon type="arrow-right-b"></Icon>
</Dropdown-item>
<Dropdown-menu slot="list">
<Dropdown-item>驴打滚</Dropdown-item>
<Dropdown-item>炸酱面</Dropdown-item>
<Dropdown-item>豆汁儿</Dropdown-item>
<Dropdown placement="right-start">
<Dropdown-item>
冰糖葫芦
<Icon type="arrow-right-b"></Icon>
</Dropdown-item>
<Dropdown-menu slot="list">
<Dropdown-item>驴打滚</Dropdown-item>
<Dropdown-item key="123">炸酱面</Dropdown-item>
<Dropdown-item>豆汁儿</Dropdown-item>
<Dropdown-item>冰糖葫芦</Dropdown-item>
<Dropdown-item>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
<Dropdown-item>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
<Dropdown-item>豆汁儿</Dropdown-item>
<Dropdown-item>冰糖葫芦</Dropdown-item>
<Dropdown-item>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
</Card>
</template> </template>
<script> <script>
export default { export default {