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

update Dropdown

Browse source 
update Dropdown
This commit is contained in:
梁灏 2016-12-04 00:38:57 +08:00
parent ab8aaf958a
commit 79633f3c02
4 changed files with 30 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/iview.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 163 KiB

4
src/components/dropdown/dropdown-item.vue
View file

@ -41,7 +41,9 @@
this.$parent.$parent.visible = true;
});
} else {
this.$parent.$parent.visible = false;
if (this.$parent.$parent.trigger === 'hover') {
this.$parent.$parent.visible = false;
}
}
this.$parent.$parent.$emit('on-click', this.key);
}

4
src/styles/mixins/select.less
View file

@ -45,8 +45,10 @@
content: '';
height: 5px;
display: block;
margin: -7px -16px 0;
margin: 0 -16px;
background-color: #fff;
position: relative;
top: -7px;
}
}
}

48
test/routers/dropdown.vue
View file

@ -1,33 +1,33 @@
<style>
body{
padding: 50px;
}
</style>
<template>
<Dropdown trigger="click" align="right" @on-click="click">
<i-button type="primary">
下拉菜单
<Dropdown>
<a href="javascript:void(0)">
hover 触发
<Icon type="arrow-down-b"></Icon>
</i-button>
</a>
<Dropdown-menu slot="list">
<Dropdown-item>张三</Dropdown-item>
<Dropdown-item disabled>李四</Dropdown-item>
<Dropdown-item>王五</Dropdown-item>
<Dropdown-item divided>周六</Dropdown-item>
<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="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-item>炸酱面</Dropdown-item>
<Dropdown-item>豆汁儿</Dropdown-item>
<Dropdown-item>冰糖葫芦</Dropdown-item>
<Dropdown-item>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
</template>
<script>
export default {
props: {},
data () {
return {}
},
computed: {},
methods: {
click (key) {
console.log(key)
}
}
}
</script>
</script>