## 下拉菜单

#### **html元素**
-----------------
```javascript
<div class="urp-dropdown">
    <button class="layui-btn urp-dropdown-btn">
        Action
        <i class="fa fa-down"></i>
    </button>
    <ul class="urp-dropdown-menu">
        <li>
            <a href="javascript:;">
                <i class="fa fa-senior"></i>
                action
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-auz"></i>
                Another action action action
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="fa fa-website"></i>
                Another action
            </a>
        </li>
    </ul>
</div>
```

#### **说明**
> + 默认左对齐，给 .urp-dropdown添加 .urp-dropdown-right类右对齐
> + 默认为关闭状态，给 .urp-dropdown添加 .open类则初始打开


## table中使用
#### **html模板**
```javascript
<div class="urp-dropdown urp-dropdown-table">
    <button class="layui-btn urp-dropdown-btn">
        操作<i class="fa fa-down"></i>
    </button>
</div>
```
#### **js触发事件**
```javascript
// 需引入dropdown模块
table.render({
    elem: "#demo"
    // ...
    , done: function (res) {
        // 表格下拉菜单初始化
        dropdown("#demo", res.data, function (data) {
            // 拼接数组(几个数组代表几个按钮)
            var options = [
                {
                    title: "查看", // 按钮显示内容
                    icon: "fa-form", // 图标样式
                    url: "http://baidu.com", // 按钮跳转地址（与event二选一）
                    event: function () {
                        // 按钮触发事件
                    }
                }
            ];
            return options;
        })
    }
});
```

#### dropdown参数
> + 第一个参数为table选择器，若页面只有一个表格下拉菜单则可省略
> + 第一个参数为table的数据，参数必需
> + 第一个参数为回调函数，可以编辑按钮信息，函数需返回一个数组options，参数必需