最近在做后臺(tái)管理界面 這是自定義菜單的頁面筆記 （也不知道我的思路對(duì)不對(duì)）

點(diǎn)擊菜單出現(xiàn) 創(chuàng)建第一個(gè)菜單，并在該菜單上方出現(xiàn)可添加子菜單的添加按鈕， 并展示修改該菜單的相關(guān)內(nèi)容 右側(cè)展示有兩個(gè) 一個(gè)關(guān)于子菜單的 一個(gè)關(guān)于菜單的

當(dāng)菜單上方?jīng)]有子菜單時(shí)候 直接刪除菜單 恢復(fù)默認(rèn)樣式 當(dāng)有子菜單時(shí)候 提醒用戶不能刪除?

當(dāng)選中子菜單時(shí)候 右側(cè)出現(xiàn)子菜單信息界面 點(diǎn)擊刪除子菜單 對(duì)應(yīng)選中子菜單移除?

?

?

布局上 是每個(gè)菜單又有一個(gè)自己對(duì)應(yīng)的可添加子菜單的div 方便后臺(tái)管理和使用

點(diǎn)擊菜單排序的時(shí)候 子菜單出現(xiàn)向上箭頭 點(diǎn)擊對(duì)應(yīng)子菜單置頂

?

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

?

2019/05/05

最近把這個(gè)整理了一下，放到了github上 有需要的 自己download一下吧

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

后續(xù)的話，會(huì)再次改版，沒有項(xiàng)目的時(shí)候會(huì)改一個(gè)vue版本 ，有一些不足的地方，請(qǐng)大家指出來哈

轉(zhuǎn)載于:https://www.cnblogs.com/GoTing/p/6739138.html

總結(jié)

以上是生活随笔為你收集整理的仿微信公众号后台管理-自定义菜单的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。