之前写了一个自定义菜单，最后发现数据传输的不正确，后面有整理一套 这套数据严格按照官方的数据结构传输 不过功能没有写全 只有基本的两个
代码如下
html：
<div class="gs-app-page"><div class="gs-app-page-color"><!-- 内容区 开始--><!-- 内容 左侧导航 开始--><div class="gs-app-vbox"><section class="gs-app-scrollable"><ul><li><span class="font-bold">微信小程序</span><ul class="gs-app-nav-new"><li><a href=""><span>小程序管理</span><i class="layui-icon"></i></a></li></ul></li><li class="gs-app-nav-new-top-line"><p></p></li><li><span class="font-bold">微信公众号</span><ul class="gs-app-nav-new"><li><a href=""><span>自定义菜单</span><i class="layui-icon"></i></a></li><li><a href=""><span>自动回复</span><i class="layui-icon"></i></a></li><li><a class="active" href=""><span>公众号管理</span><i class="layui-icon"></i></a></li></ul></li></ul></section></div><!-- 内容 左侧导航 结束--><div class="gs-app-ng-scope wrapper-sm"><div class="gs-app-m-h-ful"><div class="gs-app-form-part"><span class="font-bold">公众号设置</span><a class="gs-app-pointer" href="">使用指南</a></div><div class="gs-app-bg-gray wrapper-sm"><!-- 绑定之前的页面 开始--><div class="gs-app-clearfix" style="display: none"><div class="gs-app-official-nav-info"><p>绑定公众号后，即可使用自定义菜单功能</p><button class="layui-btn layui-btn-normal">先去绑定公众号</button></div></div><!-- 绑定之前的页面 结束--><div class="gs-app-bg-white wrapper-sm" ><!-- 绑定之后的页面 开始--><div class="gs-app-clearfix wrapper-sm"><form class="layui-form" action=""><div class="layui-form-item"><a class="layui-btn layui-btn-small" style="line-height:1.6em" href="javascript:location.replace(location.href);" title="刷新此页面"><i class="layui-icon" style="line-height:38px"></i></a></div><div class="layui-form-item"><label class="layui-form-label">菜单组名称</label><div class="layui-input-block"><input type="text" name="title" required lay-verify="required" placeholder="给菜单组起个名字吧！以便查找" autocomplete="off" class="layui-input"></div></div><div class="gs-pop-face" style="display: none;"><div class="gs-pop-bg"></div><div class="gs-details"><div class="gs-header-title"><div class="gs-header-title-left">请选择表情</div><div class="gs-del-btn"><i class="layui-icon">ဆ</i></div></div><div class="gs-face_content"><ul><li><a href="javascript:;"><span class="emoji emoji2600"></span></a></li></ul></div><div class="gs-cancel-btn"><button class="layui-btn layui-btn-primary">取消</button></div></div></div><div class="layui-row"><div class="" style="float:left;"><div class="gs-phone-model"><div class="gs-phone-model-title">默认菜单</div><div class="gs-mobile-bd"><ul class="gs-pre-menu-list"><li class="gs-phone-two gs-pitch gs-stair active" data-id="0"><input type="hidden" name="level[]" value="菜单名称"><input type="hidden" name="url[]" value=""><a class="gs-menu-link" data-message='{"type": "click", "name": "菜单名称", "key": "", "sub_button": []}' data-id="0" href="javascript:;"><i class="layui-icon" style="font-size:12px;color:#c1c1c1;"></i> <span>菜单名称</span></a><div class="gs-phone-submenu"><ul><!-- <li><a href=""><span>子菜单名称</span></a></li> --><li class="gs-submenu-add-btn" data-id="0"><i class="layui-icon"></i></li></ul></div></li><li class="gs-phone-add-submenu gs-phone-two"><a class="gs-menu-link" data-id="1" href="javascript:;"><i class="layui-icon" style="color:#c1c1c1"></i> 添加菜单</a><!-- <div><ul><li><a href="">子菜单名称</a></li><li><i class="layui-icon"></i></li></ul></div> --></li></ul></div></div></div><!-- 弹窗 --><div class="gs-gain" style="display: none;"><div class="gs-gain-bg"></div><div class="gs-gain-content"><!-- 公共头部 --><div class="gs-gain-title"><p>图文</p><span><i class="layui-icon">ဆ</i></span></div><!-- 图文内容 --><div class="gs-wrappar gs-image-text-wrappar" id="img-text" style="display: none"><div class="gs-gain-tab"><ul><li class="active" data-href="#weixin">微信</li><li data-href="#bendi">本地服务</li></ul></div> <div class="gs-gain-content-area"><div class="gs-gain-main" id="weixin" ><div class="gs-gain-href-box"><div class="gs-gain-href"><a class="layui-btn" href="">新建图文链接</a><a class="layui-btn" href="">新建图文</a></div></div><div class="gs-gain-image-text"><ul class="gs-commonality"><li data-id="0"><div class="gs-gain-image-text-box commonality"><p>-13-12</p><div class="gs-gain-image-text-content"><div class="gs-gain-image-text-title">测试</div></div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li><li data-id="1"><div class="gs-gain-image-text-box commonality"><p>-13-12</p><div class="gs-gain-image-text-content"><div class="gs-gain-image-text-title">测试</div></div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li></ul></div></div><div class="gs-gain-main" id="bendi" style="display: none"><div class="gs-gain-href-box"><div class="gs-gain-inline-block"><input type="text" name=""><button class="layui-btn">搜索</button></div><div class="gs-gain-href"><a class="layui-btn" href="">新建图文链接</a><a class="layui-btn" href="">新建图文</a></div></div><div class="gs-gain-image-text"><ul class="gs-commonality"><li ><div class="gs-gain-image-text-box commonality"><p>-13-12</p><div class="gs-gain-image-text-content"><div class="gs-gain-image-text-title">测试</div></div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li><li><div class="gs-gain-image-text-box commonality"><p>-13-12</p><div class="gs-gain-image-text-content"><div class="gs-gain-image-text-title">测试</div></div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li></ul></div></div></div></div><!-- 图片内容 --><div class="gs-wrappar gs-picture-wrappar" id="photo" style="display: none"><div class="gs-gain-href-box"><div class="gs-gain-href"><button type="button" class="layui-btn" id="test1"><i class="layui-icon"></i>上传图片</button></div></div><div class="gs-gain-picture-content"><ul class="gs-commonality"><li data-id="0"><div class="gs-gain-picture-list commonality"><div class="gs-gain-picture-box"></div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li><li data-id="1"><div class="gs-gain-picture-list commonality"><div class="gs-gain-picture-box"></div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li></ul></div></div><!-- 语音内容 --><div class="gs-wrappar gs-voice-wrappar" id="voice" style="display: none"><div class="gs-gain-tab"><ul><li class="active" data-href="#weixin-voice">微信</li><li data-href="#bendi-voice">本地服务</li></ul></div><div class="gs-gain-voice-content"><div class="gs-gain-voice-main" id="weixin-voice"><div class="gs-gain-href-box"><div class="gs-gain-href"><button type="button" class="layui-btn" id="test1"><i class="layui-icon"></i>上传语音</button></div></div><div class="gs-gain-voice-text"><ul class="gs-commonality"><li data-id="0"><div class="gs-gain-voice-list commonality"><div class="gs-gain-voice-icon-bg"><i class="layui-icon"></i></div><p>创建于：-02-10 15:00</p><div class="gs-gain-image-text-title">测试</div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li></ul></div></div><div class="gs-gain-voice-main" id="bendi-voice" style="display: none;"><div class="gs-gain-href-box"><div class="gs-gain-href"><button type="button" class="layui-btn" id="test1"><i class="layui-icon"></i>上传语音</button></div></div><div class="gs-gain-voice-text"><ul class="gs-commonality"><li><div class="gs-gain-voice-list commonality"><div class="gs-gain-voice-icon-bg"><i class="layui-icon"></i></div><p>创建于：-02-10 15:00</p><div class="gs-gain-image-text-title">测试</div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li></ul></div></div></div></div><!-- 视频内容 --><div class="gs-wrappar gs-voice-wrappar" id="video" style="display: none"><div class="gs-gain-tab"><ul><li class="active" data-href="#weixin-voice">微信</li><li data-href="#bendi-voice">本地服务</li></ul></div><div class="gs-gain-voice-content"><div class="gs-gain-voice-main" id="weixin-voice"><div class="gs-gain-href-box"><div class="gs-gain-href"><button type="button" class="layui-btn" id="test1"><i class="layui-icon"></i>上传视频</button></div></div><div class="gs-gain-voice-text"><ul class="gs-commonality"><li data-id="0"><div class="gs-gain-voice-list commonality"><div class="gs-gain-voice-icon-bg"><i class="layui-icon"></i></div><p>创建于：-02-10 15:00</p><div class="gs-gain-image-text-title">测试</div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li></ul></div></div><div class="gs-gain-voice-main" id="bendi-voice" style="display: none;"><div class="gs-gain-href-box"><div class="gs-gain-href"><button type="button" class="layui-btn" id="test1"><i class="layui-icon"></i>上传语音</button></div></div><div class="gs-gain-voice-text"><ul class="gs-commonality"><li><div class="gs-gain-voice-list commonality"><div class="gs-gain-voice-icon-bg"><i class="layui-icon"></i></div><p>创建于：-02-10 15:00</p><div class="gs-gain-image-text-title">测试</div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div></li></ul></div></div></div></div><!-- 触发关键字 --><div class="gs-wrappar gs-keyword-wrappar" id="keyword" style="display: none"><div class="gs-gain-href-box"><div class="gs-gain-inline-block"><input type="text" name=""><button class="layui-btn">搜索</button></div><div class="gs-gain-href"><a class="layui-btn" href="">新建关键字</a></div></div><div class="gs-gain-kyword-content"><ul class="gs-commonality"><li data-id="0"><a class="gs-gain-kyword-text commonality"><span>开门红</span></a></li><li data-id="1"><a class="gs-gain-kyword-text commonality"><span>开门红</span></a></li><li data-id="2"><a class="gs-gain-kyword-text commonality"><span>开门红</span></a></li><li data-id="3"><a class="gs-gain-kyword-text commonality"><span>开门红</span></a></li></ul></div></div><!-- 公共尾部 --><div class="gs-gain-cancel"><a href="javascript:;">取消</a></div></div></div><div class="gs-menu" style="float:left;position: relative;width:60%;" data-id="0"><div class="gs-point-arrows"></div><div class="gs-right-menu-content"><div class="gs-right-menu-bar"><div class="gs-right-menu-title" style="padding:9px 0; text-align: left;">当前菜单</div><div class="gs-right-menu-del-btn"><a href="javascript:;">删除菜单</a></div></div><div class="gs-padding-top"><div class="layui-form-item"><label class="layui-form-label" style="padding:9px 0; text-align: left;">菜单名称</label><div class="layui-input-block gs-expression gs-nav-text"><input type="text" name="title" required lay-verify="required" placeholder="菜单名称" value="菜单名称" autocomplete="off" class="layui-input"><span><a href="javascript:;">添加表情</a></span></div></div><div class="layui-form-item"><div class="layui-input-block gs-hint "><span>字数不超过4个汉字或8个字母</span></div></div><div class="layui-form-item gs-nav-content"><label class="layui-form-label" style="padding:9px 0; text-align: left;">菜单内容</label><div class="layui-input-block gs-radio-list gs-expression"><div style="display: inline-block;"><input type="radio" lay-filter="sex" name="sex" data-id="click" value="#message" title="发送消息" checked=""></div><div style="display: inline-block;"><input type="radio" lay-filter="sex" name="sex" data-id="view" value="#link" title="跳转网页"></div><!-- <div style="display: inline-block;"><input type="radio" lay-filter="sex" name="sex" data-id="#relevance" value="#relevance" title="关联小程序"></div> --><!-- <input type="radio" lay-filter="sex" name="sex" data-id="#link" value="#link" title="扫码"> --><!-- <input type="radio" lay-filter="sex" name="sex" data-id="#link" value="#link" title="扫码（等待信息）"> --><!-- <input type="radio" lay-filter="sex" name="sex" data-id="#link" value="#link" title="地理位置"><input type="radio" lay-filter="sex" name="sex" data-id="#link" value="#link" title="拍照发图"><input type="radio" lay-filter="sex" name="sex" data-id="#link" value="#link" title="拍照相册"><input type="radio" lay-filter="sex" name="sex" data-id="#link" value="#link" title="相册发图"> --></div></div><div class="gs-choice-content gs-nav-content"><div class="gs-send-message" id="message" ><div class="gs-reply-title">回复内容</div><div class="gs-message-box"><!-- 填充内容区 --><div class="gs-message-image-text"><!-- <div class="gs-gain-image-text-box"><p>-13-12</p><div class="gs-gain-image-text-content"><div class="gs-gain-image-text-title">测试</div></div></div><div class="gs-gain-image-text-del"><i class="fa fa-trash" aria-hidden="true"></i></div> --></div><div class="gs-panel-body"><ul><li><a href="#img-text"><i class="layui-icon"></i>图文</a></li><li><a href="#photo"><i class="layui-icon"></i>图片</a></li><li><a href="#voice"><i class="layui-icon"></i>语音</a></li><li><a href="#video"><i class="layui-icon"></i>视频</a></li><li><a href="#keyword"><i class="layui-icon"></i>触发关键字</a></li></ul></div></div> </div><div class="gs-jum-link" style="display: none" id="link"><div class="gs-jum-link-title">订阅者点击该子菜单会跳转到以下链接</div><div class="layui-form-item"><label class="layui-form-label">页面地址</label><div class="layui-input-block"><input type="text" name="title" required lay-verify="required" placeholder="请输入页面地址" autocomplete="off" class="layui-input gs-page-url"><a class="gs-address-fill" href="">选择地址</a></div></div><div class="layui-form-item"><div class="layui-input-block">指定点击此菜单时要跳转的链接（注：链接需加http://）</div></div></div><div class="gs-jum-link" style="display: none" id="scan"><div class="gs-jum-link-title">菜单内容为扫码，那么点击这个菜单是，手机扫描二维码</div><div class="gs-scan-body"><ul><li><a href="javascript:;"><i class="layui-icon"></i>模块</a></li><li><a href="javascript:;"><i class="layui-icon"></i>触发关键字</a></li></ul></div></div><div class="gs-jum-link" style="display: none" id="relevance"><div class="gs-jum-link-title">点击该菜单跳转到关联的小程序</div><div class="layui-form-item"><label class="layui-form-label">APPID</label><div class="layui-input-block"><input type="text" name="title" required data-id="0" lay-verify="required" placeholder="请确保小程序和公众号已关联" autocomplete="off" class="layui-input gs-relevance-appid"><a class="gs-address-fill" href="">如何获取</a></div></div><div class="layui-form-item"><label class="layui-form-label">页面</label><div class="layui-input-block"><input type="text" name="title" required data-id="1" lay-verify="required" placeholder="请填写跳转页面的小程序访问路径" autocomplete="off" class="layui-input gs-relevance-page"><a class="gs-address-fill" href="">填写指引</a></div></div><div class="layui-form-item"><label class="layui-form-label">备用网页</label><div class="layui-input-block"><input type="text" name="title" required data-id="2" lay-verify="required" placeholder="旧版微信客户端不支持小程序，用户点击菜单时会打开该网页" autocomplete="off" class="layui-input gs-relevance-standby-page"></div></div></div></div></div></div></div></div><div class="gs-btn"><button type="button" class="layui-btn issue">发布</button><button class="layui-btn">预览</button></div></form></div><!-- 绑定之后的页面 结束--></div></div></div></div><!-- 右侧内容 结束 --><!-- 内容区 结束-->
JS：
<script type="text/javascript">// 弹窗显示并计算上下位置 $(".gs-panel-body ul li").on("click","a",function(){let that=$(this),href_=that.attr("href");let common_box=$(".gs-gain"),common_wrappar=$(".gs-gain-content");common_wrappar.css({left:(common_box.width()-common_box.width()*0.6)/2, top:(common_box.height()-common_wrappar.height()-20)/2 })$(href_).show().siblings(".gs-wrappar").hide();// console.log($(href_).show().siblings(".gs-wrappar")) $(".gs-gain").fadeIn();})// 弹窗始终居中 $(window).resize(function(){let common_box=$(".gs-gain"),common_wrappar=$(".gs-gain-content");common_wrappar.css({left:(common_box.width()-common_wrappar.width())/2,top:(common_box.height()-common_wrappar.height()-20)/2 })// console.log(common_box.height())// console.log(common_wrappar.height()) })// 隐藏弹窗 $(".gs-gain-title span").on("click",function(){hidepanel();})$(".gs-gain-cancel a").on("click",function(event){event.stopPropagation();hidepanel();})function hidepanel(){$(".gs-gain").fadeOut();$(".gs-wrappar").fadeOut();}</script><script type="text/javascript">let i=0;let object=new Object();//底部菜单添加 $(".gs-phone-add-submenu").on("click","a",function(event){event.preventDefault()let that=$(this),data_=that.attr("data-id");// arr.push(that.parent().siblings().attr("data-id"))that.parent().before(`<li class="gs-phone-three gs-pitch gs-stair" data-id="${data_}"><input type="hidden" name="level[]" ><input type="hidden" name="url[]" value=""><a class="gs-menu-link" data-message='{"type": "click", "name": "菜单名称", "key": "", "sub_button": [ ]}' data-id="${data_}" href="javascript:;"><i class="layui-icon" style="font-size:12px;color:#c1c1c1;"></i> <span>菜单名称</span></a><div class="gs-phone-submenu"><ul><li class="gs-submenu-add-btn" data-id="0"><i class="layui-icon"></i></li></ul></div></li>`)if($(".gs-pre-menu-list>.gs-pitch").length==1){console.log(11)that.parent().siblings("li").removeClass("gs-phone-three")that.parent().addClass("gs-phone-two").removeClass("gs-phone-one").siblings("li").addClass("gs-phone-two").removeClass("gs-phone-one");}if($(".gs-pre-menu-list>.gs-pitch").length==2){console.log(22)that.parent().addClass("gs-phone-three").removeClass("gs-phone-two").siblings("li").addClass("gs-phone-three").removeClass("gs-phone-two");}if($(".gs-pre-menu-list>.gs-pitch").length==3){console.log(33)that.parent().hide();}console.log($(".gs-pre-menu-list>.gs-pitch").length)$(".gs-stair a[data-id="+data_+"]").click()that.attr("data-id",$(".gs-pre-menu-list>.gs-pitch").length)})// 子菜单添加 $("body").on("click",".gs-submenu-add-btn",function(){let that=$(this),data_=that.attr("data-id"),pitchData=that.parents(".gs-pitch").attr("data-id");let parentVue_=parseInt($(this).parents("li").attr("data-value"));$('.gs-pre-menu-list .gs-pitch').removeClass('active');$(this).before(`<li class="gs-pitch" data-url="000" data-value="${data_}" data-id="${data_}"><a class="gs-menu-link" data-message='{"type": "click", "name": "子菜单名称", "key": "", "sub_button": [ ]}' data-id="${pitchData}_${data_}" href="javascript:;"><input type="hidden" name="childlevel[]" value=""><span>子菜单名称</span></a></li>`); $(".gs-menu").find(".gs-nav-content").hide();$(".gs-pitch a[data-id="+(pitchData+"_"+data_)+"]").click();// $(this).parents(".gs-phone-submenu").siblings("a")// switch(parentVue_){// case 1://a.push($(this).prev().attr("data-value"))//break;// case 2://b.push($(this).prev().attr("data-value"))//break;// case 3://c.push($(this).prev().attr("data-value"))//break;// }// console.log(parentVue_)// console.log($(this).prev().attr("data-value"))// console.log(a,b,c)// console.log(a)data_++that.attr("data-id",data_);if(data_>4){that.attr("data-id",data_);that.hide();}})// 弹窗 鼠标经过显示删除按钮 $(".gs-wrappar .gs-commonality li").hover(function(){$(this).find(".gs-gain-image-text-del").show()},function(){$(this).find(".gs-gain-image-text-del").hide()})// 菜单选中 并获取数据 $("body").on("click",".gs-pre-menu-list>.gs-pitch>a",function(event){event.stopPropagation();// let that=$(this);// $('.gs-pre-menu-list .gs-pitch').removeClass('active');// $(this).addClass('active'); choice($(this).parent())})// 点击菜单存数据$("body").on("click",".gs-phone-submenu .gs-pitch",function(){choice($(this))})function choice(obj){var data_=obj.children("a").attr("data-id"),dataMassage_=obj.children("a").attr("data-message");$(".gs-menu").attr("data-id",data_);var html_="";var alenif(obj.hasClass("gs-stair")){alen=obj.find(".gs-menu-link").lengthif(alen>1){$(".gs-menu").find(".gs-nav-content").hide();}else{$(".gs-menu").find(".gs-nav-content").show();}}else{alen=obj.parents("li.gs-stair").find(".gs-menu-link").length$(".gs-menu").find(".gs-nav-content").show();}// var alen=obj.parents("li.gs-stair").find(".gs-menu-link").length $('.gs-pre-menu-list .gs-pitch').removeClass('active');obj.addClass("active");var name = obj.children('a').find("span").html();$(".gs-nav-text").val(name);var object=JSON.parse(dataMassage_);// console.log(alen)// console.log(typeof(JSON.parse(str)));// console.log(typeof(object))// console.log(object);// console.log(name);// console.log(object.typechick); $(".gs-radio-list input[data-id='"+object.type+"']").click()$(".gs-radio-list input[data-id='"+object.type+"']").siblings(".layui-unselect").click(); //菜单内容 类型选择// $(".gs-menu").attr("data-id",obj.children("a").attr("data-id")); //当前对应菜单内容 id $(".gs-nav-text input").val(object.name);//菜单名称 $(".gs-page-url").val(object.url); //跳转网页url 地址// $(".gs-relevance-appid").val(object.relevance.id);//小程序 AppID// $(".gs-relevance-page").val(object.relevance.url);// 小程序网页url// $(".gs-relevance-standby-page").val(object.relevance.url_1);//小程序备用网页// for(text in object.message){//// console.log(object.message[text])//if(object.message[text]==""){// // console.log(1)//}else{// var text1="#"+text;// console.log(text)// console.log(html_)// html_=$(text1).find(".gs-commonality li[data-id='"+object.message[text]+"']").html()// // console.log($(text1).find(".gs-commonality ").find("li[data-id='"+object.message[text]+"']"))//}// }// $(".gs-message-image-text").html(html_)// console.log(html_)}// 菜单内容存储 开始// 弹出选中添加代码 并存储数据 $(".gs-wrappar .gs-commonality li .commonality").on("click",function(){var that=$(this),data_id=that.parent().attr("data-id"),obj_data_id=$(".gs-menu").attr("data-id"),messageType=that.parents(".gs-wrappar").attr("id"),outerHTML_=$(this).prop("outerHTML"),dataMassage_=$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").attr("data-message");var object=JSON.parse(dataMassage_);object.message[messageType]=data_id;$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").attr("data-message",JSON.stringify(object))// console.log(data_id); $(".gs-message-image-text").html(`<li data-id="${data_id}">${outerHTML_}</li>`); $(".gs-gain").fadeOut();})//菜单名称存储 $(".gs-nav-text input").on("input propertychange",function(){var that=$(this),html_=that.val(),data_id=that.parents(".gs-menu").attr("data-id"),dataMassage_=$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").attr("data-message");var object=JSON.parse(dataMassage_);object.name=html_$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").find("span").html(html_);$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").attr("data-message",JSON.stringify(object))})//网页跳转存储 $(".gs-page-url").on("input propertychange",function(){var that=$(this),html_=that.val(),data_id=that.parents(".gs-menu").attr("data-id"),dataMassage_=$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").attr("data-message");var object=JSON.parse(dataMassage_);object.url=html_;delete object.key;$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").attr("data-message",JSON.stringify(object))})// 关联小程序 $("#relevance input").on("input propertychange",function(){var that=$(this),html_=that.val(),that_data=that.attr("data-id"),data_id=that.parents(".gs-menu").attr("data-id"),dataMassage_=$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").attr("data-message");var object=JSON.parse(dataMassage_);switch (that_data){case "0":object.relevance.id=html_;break;case "1":object.relevance.url=html_;break;case "2":object.relevance.url_1=html_;break;}$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").attr("data-message",JSON.stringify(object))})// 菜单内容存储 结束// 弹窗删除 $(".gs-commonality li .gs-gain-image-text-del").on("click",function(){$(this).parent("li").stop().animate({width:0},300,function(){$(this).remove();})})// 数据 结构化 $("")// 菜单删除 $(".gs-right-menu-del-btn").on("click","a",function(event){event.preventDefault();var that=$(this),data_id=$(this).parents(".gs-menu").attr("data-id"),li_=$(".gs-pitch .gs-menu-link[data-id='"+data_id+"']").parent(),meni_data=$(".gs-phone-add-submenu .gs-menu-link").attr("data-id");console.log(meni_data)// $(".gs-phone-add-submenu .gs-menu-link").attr("data-id",meni_data-1);if(li_.hasClass("gs-phone-three")){// console.log($(".gs-pre-menu-list>li.gs-pitch").length)if($(".gs-pre-menu-list>li.gs-pitch").length>=3){$(".gs-phone-add-submenu").show();}else{console.log(111)$(".gs-pre-menu-list>li").removeClass("gs-phone-three").addClass("gs-phone-two")}}else if(li_.hasClass("gs-phone-two")){$(".gs-pre-menu-list>li").removeClass("gs-phone-two").addClass("gs-phone-one")}else if(li_.hasClass("gs-phone-one")){$(".gs-phone-add-submenu").show();}// meni_data--if(!li_.hasClass("gs-stair")){li_.parents(".gs-phone-submenu").siblings("a").click();}li_.remove();if(li_.hasClass("gs-stair")){$(".gs-stair").children("a").click();}})// 菜单内容 layui.use('form', function(){var form = layui.form;form.on('radio(sex)', function(data){var that=$(data.elem),data_id=that.parents(".gs-menu").attr("data-id"),dataMassage_=$(".gs-menu-link[data-id='"+data_id+"']").attr("data-message");var object=JSON.parse(dataMassage_);// console.log(data_id) object.type=$(data.elem).data("id");// console.log(data_id);if(object.type=="view"){delete object.keyif(!object.url){object.url=null}}else if(object.type=="click"){delete object.url}// console.log(data.elem); //得到radio原始DOM对象// console.log(data.value); //被点击的radio的value值 $(data.value).show().siblings().hide();$(".gs-menu-link[data-id='"+data_id+"']").attr("data-message",JSON.stringify(object))});});// 获取数据信息 并组成对象结构// 点击发布是获取数据格式 $(".issue").on("click",function(){var obj=new Object(),arr=[],bewObj={}$(".gs-pre-menu-list>li.gs-pitch>a").each(function(data){var dataMassage_=$(this).attr("data-message"),data_id=$(this).attr("data-id");var object=JSON.parse(dataMassage_);if(object.type=="click"){console.log()if(!object.key){console.log($(this).parents("li").eq(data).children("a").context)$(this).parents("li").eq(data).children("a").context.click()layer.msg('请填写发送内容');return false;}}else if(object.type=="view"){if(!object.url){console.log("view")$(this).parents("li").eq(data).children("a").context.click()layer.msg('请输入链接');return false;}}arr.push(object);$(this).siblings(".gs-phone-submenu").find(".gs-pitch a").each(function(index){var childrenObj=$(this).attr("data-message")var childrenObject=JSON.parse(childrenObj);console.log(childrenObject)if(childrenObject.type=="click"){if(!childrenObject.key){console.log($(this).parent("li").eq(data).children("a").context)$(this).parents("li").eq(data).children("a").context.click()layer.msg('请填写发送内容');return false;}}else if(childrenObject.type=="view"){if(!childrenObject.url){console.log("view")$(this).parent("li").eq(data).children("a").context.click()layer.msg('请输入链接');return false;}}var num=$(this).parent().parents("li").index() //下标console.log()arr[num].sub_button.push(childrenObj)})obj.button=arr;bewObj.menu=obj})console.log(bewObj)})</script>
直接下载链接：https://git./zhou_u/sharing_resource/repository/archive.zip?ref=customizemenus tget下载链接：https://git./zhou_u/sharing_resource 分支为customizemenus
