Commit fece7a9a8b354dccd5c6e50cbff828c39d838202
1 parent
699a9dc8
fixed #138
fixed #138
Showing
2 changed files
with
30 additions
and
20 deletions
Show diff stats
src/styles/components/dropdown.less
test/routers/dropdown.vue
| 1 | -<style> | ||
| 2 | - | ||
| 3 | -</style> | ||
| 4 | <template> | 1 | <template> |
| 5 | - <Dropdown trigger="click"> | 2 | + <Dropdown> |
| 6 | <a href="javascript:void(0)"> | 3 | <a href="javascript:void(0)"> |
| 7 | - 北京小吃 | 4 | + 下拉菜单 |
| 8 | <Icon type="arrow-down-b"></Icon> | 5 | <Icon type="arrow-down-b"></Icon> |
| 9 | </a> | 6 | </a> |
| 10 | <Dropdown-menu slot="list"> | 7 | <Dropdown-menu slot="list"> |
| 8 | + <Dropdown-item>驴打滚</Dropdown-item> | ||
| 9 | + <Dropdown-item>炸酱面</Dropdown-item> | ||
| 10 | + <Dropdown-item disabled>豆汁儿</Dropdown-item> | ||
| 11 | + <Dropdown-item>冰糖葫芦</Dropdown-item> | ||
| 12 | + <Dropdown-item divided>北京烤鸭</Dropdown-item> | ||
| 13 | + <Dropdown-item>驴打滚</Dropdown-item> | ||
| 14 | + <Dropdown-item>炸酱面</Dropdown-item> | ||
| 15 | + <Dropdown-item disabled>豆汁儿</Dropdown-item> | ||
| 16 | + <Dropdown-item>冰糖葫芦</Dropdown-item> | ||
| 17 | + <Dropdown-item divided>北京烤鸭</Dropdown-item> | ||
| 18 | + <Dropdown-item>驴打滚</Dropdown-item> | ||
| 19 | + <Dropdown-item>炸酱面</Dropdown-item> | ||
| 20 | + <Dropdown-item disabled>豆汁儿</Dropdown-item> | ||
| 21 | + <Dropdown-item>冰糖葫芦</Dropdown-item> | ||
| 22 | + <Dropdown-item divided>北京烤鸭</Dropdown-item> | ||
| 23 | + </Dropdown-menu> | ||
| 24 | + </Dropdown> | ||
| 25 | + <Dropdown style="margin-left: 20px"> | ||
| 26 | + <i-button type="primary"> | ||
| 27 | + 下拉菜单 | ||
| 28 | + <Icon type="arrow-down-b"></Icon> | ||
| 29 | + </i-button> | ||
| 30 | + <Dropdown-menu slot="list"> | ||
| 31 | + <Dropdown-item>驴打滚</Dropdown-item> | ||
| 11 | <Dropdown-item>炸酱面</Dropdown-item> | 32 | <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> | 33 | + <Dropdown-item disabled>豆汁儿</Dropdown-item> |
| 22 | <Dropdown-item>冰糖葫芦</Dropdown-item> | 34 | <Dropdown-item>冰糖葫芦</Dropdown-item> |
| 35 | + <Dropdown-item divided>北京烤鸭</Dropdown-item> | ||
| 23 | </Dropdown-menu> | 36 | </Dropdown-menu> |
| 24 | </Dropdown> | 37 | </Dropdown> |
| 25 | </template> | 38 | </template> |
| 26 | <script> | 39 | <script> |
| 27 | export default { | 40 | export default { |
| 28 | - methods: { | ||
| 29 | - click (data) { | ||
| 30 | - console.log(data) | ||
| 31 | - } | ||
| 32 | - } | 41 | + |
| 33 | } | 42 | } |
| 34 | </script> | 43 | </script> |