var result = classDara.result

  // 渲染左边的大分类
  function RenderLeftMenu(){ 
    result.forEach(function(val,index){
      $(".view-left ul").append(`<li class="${ index == 0 ? 'active' : '' }">${val.name}</li>`)
    })
   }

  function leftMenuChange() {
    if(YDUI.util.getQueryString("id") == "") {
      $(".view-left ul li").on("click", function(){
        bindLi()
      });
    } else {
      var id = YDUI.util.getQueryString("id");
      $($(".view-left ul li")[id]).addClass("active").siblings().removeClass("active")
      RenderRightMenu($($(".view-left ul li")[id]).text())
      bindLi()
    }
  }

  function bindLi() {
    $(".view-left ul li").on("click", function(){
      $(this).addClass("active").siblings().removeClass("active")
      RenderRightMenu($(this).text())
    });
  }

  // 渲染右边菜单列表
  function RenderRightMenu(name) {
    var listArrar = []
    result.forEach(function(val,index){
      if(name == val.name) {
        listArrar = val.list
      }
    })

    $(".view-right ul").empty()

    listArrar.forEach(function(val,index){
      $(".view-right ul").append(`<li>
                                    <a href="./list.html?id=${val.id}">${val.name}</a>
                                  </li>`)
    })
  }




  RenderLeftMenu()
  leftMenuChange()
  RenderRightMenu("菜式菜品")