dragmenu

Example

• view the test.html
• 

    <div class="left-top " id="firstMenu">
            <!--按钮起始位置-->
        </div>
        <div class="left-top left-top2 " id="secondMenu">
            <!--按钮起始位置-->
        </div>
        <script type="module" src="test.js"></script>

import DragMenu from "/node_modules/dragmenu/index.js";
var ItemAdd = DragMenu.ItemAdd;
var menu = DragMenu("#firstMenu",{
    draggable:false
});
ItemAdd({
    icon:".fi-list",
    color:'#000'
},menu);
ItemAdd({
    icon:".fi-torso",
    title:'人员安排',
    color:'#FF5C5C',
    handler:function (e) {
        let target=e.target;
        alert('人员安排---');
    }
},menu);

var menu2 = DragMenu('#secondMenu',{
    defaultColor:'#4f8e8a',
});

menu2.addItem({
    icon:"分组",
    css:{
        color:'#fff',
        "fontSize":"10px"
    }
}).addItem({
    icon:".fi-paypal",
    color:"#7791ff",
    title:'加工组',
    handler:function () {
        alert('加工组，加油!');
    }
}).addItem({
    icon:".fi-link",
    color:"#64F592",
    title:'装配组'
});