Ant Design Vue dropdown overlayClassName例子
运行代码
PC模式
平板模式
手机模式
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Ant Design Vue dropdown overlayClassName例子</title> <script src="//www.itxst.com/package/vue/vue.min.js"></script> <script src="//www.itxst.com/package/ant-design-vue/antd.min.js"></script> <link href="//www.itxst.com/package/ant-design-vue/antd.min.css" rel="stylesheet" /> <style> body { padding: 10px; } .red{ top: 100px !important; } .red a{ color:red !important; } </style> </head> <body> <div id="app"> <a-dropdown overlay-class-name="red" overlay-style="color:red"> <a class="ant-dropdown-link" href="javascript:void(0)"> Hover me <a-icon type="down" /> </a> <a-menu slot="overlay"> <a-menu-item> <a href="javascript:;">1st menu item</a> </a-menu-item> <a-menu-item> <a href="javascript:;">2nd menu item</a> </a-menu-item> <a-menu-item> <a href="javascript:;">3rd menu item</a> </a-menu-item> </a-menu> </a-dropdown> </div> <script> var app = new Vue({ el: '#app', data: { bottom: 200 } }); </script> </body> </html>
