other / mew-iview

Commit 79633f3c0227e331ebdc0d6d33d1ed5bd745ba12

Authored by 梁灏
1 parent ab8aaf95

update Dropdown 

update Dropdown
Showing 4 changed files with 30 additions and 26 deletions   Show diff stats
Inline Side-by-side
assets/iview.png
View file @79633f3

157 KB | W: | H:

163 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
src/components/dropdown/dropdown-item.vue
  Show/Hide comments   View file @79633f3
... ... @@ -41,7 +41,9 @@
41 41 this.$parent.$parent.visible = true;
42 42 });
43 43 } else {
44   - this.$parent.$parent.visible = false;
  44 + if (this.$parent.$parent.trigger === 'hover') {
  45 + this.$parent.$parent.visible = false;
  46 + }
45 47 }
46 48 this.$parent.$parent.$emit('on-click', this.key);
47 49 }
... ...
src/styles/mixins/select.less
  Show/Hide comments   View file @79633f3
... ... @@ -45,8 +45,10 @@
45 45 content: '';
46 46 height: 5px;
47 47 display: block;
48   - margin: -7px -16px 0;
  48 + margin: 0 -16px;
49 49 background-color: #fff;
  50 + position: relative;
  51 + top: -7px;
50 52 }
51 53 }
52 54 }
... ...
test/routers/dropdown.vue
  Show/Hide comments   View file @79633f3
1   -<style>
2   - body{
3   - padding: 50px;
4   - }
5   -</style>
6 1 <template>
7   - <Dropdown trigger="click" align="right" @on-click="click">
8   - <i-button type="primary">
9   - 下拉菜单
  2 + <Dropdown>
  3 + <a href="javascript:void(0)">
  4 + hover 触发
  5 + <Icon type="arrow-down-b"></Icon>
  6 + </a>
  7 + <Dropdown-menu slot="list">
  8 + <Dropdown-item>驴打滚</Dropdown-item>
  9 + <Dropdown-item>炸酱面</Dropdown-item>
  10 + <Dropdown-item>豆汁儿</Dropdown-item>
  11 + <Dropdown-item>冰糖葫芦</Dropdown-item>
  12 + <Dropdown-item>北京烤鸭</Dropdown-item>
  13 + </Dropdown-menu>
  14 + </Dropdown>
  15 + <Dropdown trigger="click" style="margin-left: 20px">
  16 + <a href="javascript:void(0)">
  17 + click 触发
10 18 <Icon type="arrow-down-b"></Icon>
11   - </i-button>
  19 + </a>
12 20 <Dropdown-menu slot="list">
13   - <Dropdown-item>张三</Dropdown-item>
14   - <Dropdown-item disabled>李四</Dropdown-item>
15   - <Dropdown-item>王五</Dropdown-item>
16   - <Dropdown-item divided>周六</Dropdown-item>
  21 + <Dropdown-item>驴打滚</Dropdown-item>
  22 + <Dropdown-item>炸酱面</Dropdown-item>
  23 + <Dropdown-item>豆汁儿</Dropdown-item>
  24 + <Dropdown-item>冰糖葫芦</Dropdown-item>
  25 + <Dropdown-item>北京烤鸭</Dropdown-item>
17 26 </Dropdown-menu>
18 27 </Dropdown>
19 28 </template>
20 29 <script>
21 30 export default {
22   - props: {},
23   - data () {
24   - return {}
25   - },
26   - computed: {},
27   - methods: {
28   - click (key) {
29   - console.log(key)
30   - }
31   - }
  31 +
32 32 }
33   -</script>
34 33 \ No newline at end of file
  34 +</script>
... ...