仿微信公衆號後臺管理-自定義菜單

最近在作後臺管理界面 這是自定義菜單的頁面筆記 （也不知道個人思路對不對）

點擊菜單出現 建立第一個菜單，並在該菜單上方出現可添加子菜單的添加按鈕， 並展現修改該菜單的相關內容 右側展現有兩個 一個關於子菜單的 一個關於菜單的

當菜單上方沒有子菜單時候 直接刪除菜單 恢復默認樣式 當有子菜單時候 提醒用戶不能刪除 

當選中子菜單時候 右側出現子菜單信息界面 點擊刪除子菜單 對應選中子菜單移除 

 

 

佈局上 是每一個菜單又有一個本身對應的可添加子菜單的div 方便後臺管理和使用

點擊菜單排序的時候 子菜單出現向上箭頭 點擊對應子菜單置頂

 

$('.zicaidan em.arrow').toggle().click(function(){
            $(this).parent().parent().prepend($(this).parent());
        })

 

2019/05/05

最近把這個整理了一下，放到了github上 有須要的 本身download一下吧

https://github.com/GoTing/zdyi.git

後續的話，會再次改版，沒有項目的時候會改一個vue版本 ，有一些不足的地方，請你們指出來哈