116 lines
4.2 KiB
JavaScript
116 lines
4.2 KiB
JavaScript
|
(function() {
|
|||
|
|
/**
|
|||
|
|
* @description 侧边栏展开/隐藏
|
|||
|
|
* @let open true -展开状态; false -收缩状态
|
|||
|
|
*/
|
|||
|
|
$('#side-button').on('click', function() {
|
|||
|
|
let open = $('#side-button').hasClass('close');
|
|||
|
|
if (open) {
|
|||
|
|
$('#side-button').removeClass('close');
|
|||
|
|
$('#sidebar').velocity('stop').velocity({ left: '-300px' }, 800, 'spring');
|
|||
|
|
$('#main-container').velocity('stop').velocity({ marginLeft: '0px' }, 800, 'spring');
|
|||
|
|
} else {
|
|||
|
|
$('#side-button').addClass('close');
|
|||
|
|
$('#sidebar').velocity('stop').velocity({ left: '0px' }, 800, 'spring');
|
|||
|
|
$('#main-container').velocity('stop').velocity({ marginLeft: '300px' }, 800, 'spring');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* @description 文章详情页面侧边栏切换文章与概览
|
|||
|
|
*/
|
|||
|
|
$('.toggle-sidebar-info span').on('click', function() {
|
|||
|
|
let toggleText = $(this).attr('data-toggle');
|
|||
|
|
$(this).attr('data-toggle', $(this).text());
|
|||
|
|
$(this).text(toggleText);
|
|||
|
|
if ($('#sidebar .author-info').is(':visible')) {
|
|||
|
|
$('#sidebar .author-info').velocity('stop').velocity({
|
|||
|
|
left: '80px',
|
|||
|
|
opacity: 0
|
|||
|
|
}, {
|
|||
|
|
duration: 300,
|
|||
|
|
display: 'none',
|
|||
|
|
easing: 'ease-in',
|
|||
|
|
complete: function() {
|
|||
|
|
$('#sidebar .sidebar-toc').velocity('stop').velocity({
|
|||
|
|
opacity: 1,
|
|||
|
|
left: 0
|
|||
|
|
}, {
|
|||
|
|
duration: 500,
|
|||
|
|
display: 'block',
|
|||
|
|
easing: 'ease-out'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
$('#sidebar .sidebar-toc').velocity('stop').velocity({
|
|||
|
|
opacity: 0,
|
|||
|
|
left: '-80px'
|
|||
|
|
}, {
|
|||
|
|
duration: 300,
|
|||
|
|
display: 'none',
|
|||
|
|
easing: 'ease-in',
|
|||
|
|
complete: function() {
|
|||
|
|
$('#sidebar .author-info').velocity('stop').velocity({
|
|||
|
|
left: '0px',
|
|||
|
|
opacity: 1
|
|||
|
|
}, {
|
|||
|
|
duration: 500,
|
|||
|
|
display: 'flex',
|
|||
|
|
easing: 'ease-out'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// let left = $('#sidebar .sidebar-toc').css('left');
|
|||
|
|
// if (left === '0px') {
|
|||
|
|
// $('#sidebar .sidebar-toc').velocity('stop').velocity({
|
|||
|
|
// left: '-80px',
|
|||
|
|
// opacity: '0'
|
|||
|
|
// }, {
|
|||
|
|
// duration: 300,
|
|||
|
|
// easing: 'easeInQuart',
|
|||
|
|
// display: 'none',
|
|||
|
|
// component: function () {
|
|||
|
|
// $('#sidebar .author-info').velocity('stop').velocity({
|
|||
|
|
// left: '0px',
|
|||
|
|
// opacity: '1'
|
|||
|
|
// }, {
|
|||
|
|
// duration: 300,
|
|||
|
|
// easing: 'easeOutQuart',
|
|||
|
|
// display: 'flex'
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
// } else {
|
|||
|
|
// $('#sidebar .author-info').velocity('stop').velocity({
|
|||
|
|
// left: '80px',
|
|||
|
|
// opacity: '0'
|
|||
|
|
// }, {
|
|||
|
|
// duration: 300,
|
|||
|
|
// easing: 'easeInQuart',
|
|||
|
|
// display: 'none',
|
|||
|
|
// component: function () {
|
|||
|
|
// $('#sidebar .sidebar-toc').velocity('stop').velocity({
|
|||
|
|
// left: '0px',
|
|||
|
|
// opacity: '1'
|
|||
|
|
// }, {
|
|||
|
|
// duration: 300,
|
|||
|
|
// easing: 'easeOutQuart',
|
|||
|
|
// display: 'block'
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
});
|
|||
|
|
/**
|
|||
|
|
* @description 为toc-link添加URI解码，适配Hexo 5.0.0+
|
|||
|
|
*/
|
|||
|
|
var list = document.getElementsByClassName('toc-link');
|
|||
|
|
for (var i in list) {
|
|||
|
|
if (list.hasOwnProperty(i)) {
|
|||
|
|
var tochref = decodeURI(list[i].getAttribute('href'));
|
|||
|
|
list[i].href = tochref;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}());
|