You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
2.3 KiB
41 lines
2.3 KiB
function createMenu(obj) {
|
|
$.each(obj, function(index, elements) {
|
|
if (obj[index].title) { //区分一二级标题
|
|
$('#offcanvasExample')[0].innerHTML += '<div class="card-header cHeaderZ Symbol bi bi-chevron-double-right" data-bs-toggle="collapse" href="#' + obj[index].cardId + '">' + obj[index].titleGroup + '</div ><div id=' + obj[index].cardId + ' class="collapse"><ul></ul > </div > ';
|
|
$.each(obj[index].title, function(i, e) {
|
|
$('#' + obj[index].cardId + ' ul')[0].innerHTML += '<li data-id=' + obj[index].title[i].dataId + '>' + '<a style="text-decoration: none; color: white" target="_blank" href=' + obj[index].title[i].url +'>' + obj[index].title[i].title + '</a></li>';
|
|
});
|
|
} else {
|
|
$('#offcanvasExample')[0].innerHTML += '<div class="card-header cHeaderZ bi bi-bookmark" data-id=' + obj[index].dataId + ' data-bs-toggle="collapse" >' + obj[index].titleOne + '</div > ';
|
|
};
|
|
});
|
|
//隐藏所有内容
|
|
$('.cZwj .card-body').css('display', 'none');
|
|
//容器背景颜色
|
|
$('.offcanvas').css('background', '#393D49');
|
|
//子菜单背景色
|
|
$(' .collapse li').css('background', '#282B33');
|
|
|
|
// 默认标签页展示第一个菜单和相应内容
|
|
let Id;
|
|
if ($('.cHeaderZ').eq(0).attr('data-id')) {
|
|
Id = $('.cHeaderZ:eq(0)').attr('data-id');
|
|
// $('.cHeaderZ:eq(0)').css('background-color', ' #009688');
|
|
} else {
|
|
Id = $('.collapse li:eq(0)').attr('data-id');
|
|
// $('.cHeaderZ:eq(0)').css('background-color', '#009688');
|
|
};
|
|
$.each($('.cZwj .card-body'), function(j, element) {
|
|
if (Id == $('.card .card-body').eq(j).attr('data-id')) {
|
|
$('.cZwj .card-body').eq(j).css('display', 'block');
|
|
};
|
|
});
|
|
if (obj[0].title) { //区分一二级标题
|
|
$('.nav-tabs').html('<li class="nav-item" data-id=' + obj[0].title[0].dataId + '><a class="nav-link active" href="#">' + obj[0].title[0].title + '<i class="bi bi-x"></i></a></li>');
|
|
} else {
|
|
$('.nav-tabs').html('<li class="nav-item" data-id=' + obj[0].dataId + '><a class="nav-link active" href="#">' + obj[0].titleOne + '<i class="bi bi-x"></i></a></li>');
|
|
};
|
|
$('.ztabs .nav-item').children().css('border-bottom','5px solid green')
|
|
delCard();//绑定第一个按钮
|
|
creatLable()
|
|
}; |