💯 子模块目录调整
This commit is contained in:
Van
197
Medium/js/common.js
Normal file
197
Medium/js/common.js
Normal file
@@ -0,0 +1,197 @@
|
||||
/*
|
||||
* Solo - A small and beautiful blogging system written in Java.
|
||||
* Copyright (c) 2010-2018, b3log.org & hacpai.com
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
/**
|
||||
* @fileoverview util and every page should be used.
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 0.1.0.0, Jan 29, 2018
|
||||
*/
|
||||
|
||||
/**
|
||||
* @description 皮肤脚本
|
||||
* @static
|
||||
*/
|
||||
var Skin = {
|
||||
init: function () {
|
||||
$('body').on('click', '.content-reset img', function () {
|
||||
window.open(this.src);
|
||||
});
|
||||
|
||||
$(window).scroll(function () {
|
||||
if ($('#headerNav').length === 0) {
|
||||
return
|
||||
}
|
||||
if ($(window).scrollTop() > 64) {
|
||||
$('#headerNav').addClass('header__nav--fixed');
|
||||
$('.main').css('margin-top', '100px');
|
||||
} else {
|
||||
$('#headerNav').removeClass('header__nav--fixed');
|
||||
$('.main').css('margin-top', '50px');
|
||||
}
|
||||
});
|
||||
$(window).scroll();
|
||||
|
||||
Util.initPjax(function () {
|
||||
Util.parseMarkdown('content-reset');
|
||||
if (location.href === latkeConfig.servePath + '/tags.html') {
|
||||
Skin.initTags()
|
||||
}
|
||||
}, function () {
|
||||
Util.parseMarkdown('content-reset');
|
||||
Skin.initArticle();
|
||||
Skin.initComment($('.post__tags').data('oid'), $('.post__tags').data('tag'))
|
||||
})
|
||||
},
|
||||
initTags: function () {
|
||||
var $tags = $('#tags');
|
||||
var tagsArray = $tags.find('.tag')
|
||||
// 根据引用次数添加样式，产生云效果
|
||||
var max = parseInt(tagsArray.first().data('count'));
|
||||
var distance = Math.ceil(max / 5);
|
||||
for (var i = 0; i < tagsArray.length; i++) {
|
||||
var count = parseInt($(tagsArray[i]).data('count'));
|
||||
// 算出当前 tag 数目所在的区间，加上 class
|
||||
for (var j = 0; j < 5; j++) {
|
||||
if (count > j * distance && count <= (j + 1) * distance) {
|
||||
tagsArray[i].className = 'tag tag__level' + j;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 按字母或者中文拼音进行排序
|
||||
$tags.html(tagsArray.get().sort(function (a, b) {
|
||||
var valA = $(a).text().toLowerCase();
|
||||
var valB = $(b).text().toLowerCase();
|
||||
// 对中英文排序的处理
|
||||
return valA.localeCompare(valB);
|
||||
}));
|
||||
},
|
||||
initArticle: function () {
|
||||
Skin._share('#articleShare')
|
||||
Skin._share('#articleSideShare')
|
||||
Skin._share('#articleBottomShare')
|
||||
|
||||
var $postSide = $('.post__side')
|
||||
if ($(window).height() >= $('.post').height()) {
|
||||
$postSide.css('opacity', 1)
|
||||
}
|
||||
$postSide.css('left', (($('.post').offset().left - 20) / 2 - 27) + 'px')
|
||||
|
||||
var sideAbsoluteTop = ($(window).height() - 249) / 2 + 125
|
||||
var beforScrollTop = $(window).scrollTop()
|
||||
$(window).scroll(function () {
|
||||
var scrollTop = $(window).scrollTop()
|
||||
var bottomTop = $('.article__bottom').offset().top
|
||||
if (scrollTop > 65) {
|
||||
$postSide.css('opacity', 1)
|
||||
|
||||
if (beforScrollTop - scrollTop > 0) {
|
||||
// up
|
||||
$('.header').addClass('header--fixed').css({'top': '0'})
|
||||
$('.main').css('padding-top', '64px')
|
||||
if ($(window).height() <= $('.post').height() && scrollTop < bottomTop - $(window).height()) {
|
||||
$('.article__toolbar').css({
|
||||
'bottom': 0,
|
||||
'opacity': 1
|
||||
})
|
||||
}
|
||||
} else if (beforScrollTop - scrollTop < 0) {
|
||||
// down
|
||||
$('.header').css({'top': '-64px'}).removeClass('header--fixed')
|
||||
$('.main').css('padding-top', '0')
|
||||
$('.article__toolbar').css({
|
||||
'bottom': '-44px',
|
||||
'opacity': 0
|
||||
})
|
||||
}
|
||||
|
||||
} else {
|
||||
if ($(window).height() <= $('.post').height()) {
|
||||
$postSide.css('opacity', 0)
|
||||
}
|
||||
|
||||
$('.header').removeClass('header--fixed').css('top', '-64px')
|
||||
$('.main').css('padding-top', '0')
|
||||
}
|
||||
|
||||
if (scrollTop > bottomTop - $(window).height()) {
|
||||
if (bottomTop < $(window).height()) {
|
||||
$postSide.css({
|
||||
'position': 'absolute',
|
||||
'top': (bottomTop - 125) + 'px'
|
||||
})
|
||||
} else {
|
||||
$postSide.css({
|
||||
'position': 'absolute',
|
||||
'top': (bottomTop - sideAbsoluteTop) + 'px'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
$postSide.css({
|
||||
'position': 'fixed',
|
||||
'top': '50%'
|
||||
})
|
||||
}
|
||||
|
||||
beforScrollTop = scrollTop
|
||||
})
|
||||
|
||||
$(window).scroll()
|
||||
},
|
||||
_share: function (id) {
|
||||
var $this = $(id)
|
||||
var $qrCode = $this.find('.article__code')
|
||||
var shareURL = $qrCode.data('url')
|
||||
var avatarURL = $qrCode.data('avatar')
|
||||
var title = encodeURIComponent($qrCode.data('title') + ' - ' + $qrCode.data('blogtitle')),
|
||||
url = encodeURIComponent(shareURL)
|
||||
|
||||
var urls = {}
|
||||
urls.tencent = 'http://share.v.t.qq.com/index.php?c=share&a=index&title=' + title +
|
||||
'&url=' + url + '&pic=' + avatarURL
|
||||
urls.weibo = 'http://v.t.sina.com.cn/share/share.php?title=' +
|
||||
title + '&url=' + url + '&pic=' + avatarURL
|
||||
urls.google = 'https://plus.google.com/share?url=' + url
|
||||
urls.twitter = 'https://twitter.com/intent/tweet?status=' + title + ' ' + url
|
||||
|
||||
$this.find('span').click(function () {
|
||||
var key = $(this).data('type')
|
||||
|
||||
if (!key) {
|
||||
return
|
||||
}
|
||||
|
||||
if (key === 'wechat') {
|
||||
if ($qrCode.find('canvas').length === 0) {
|
||||
$qrCode.qrcode({
|
||||
width: 128,
|
||||
height: 128,
|
||||
text: shareURL
|
||||
});
|
||||
} else {
|
||||
$qrCode.slideToggle();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
window.open(urls[key], '_blank', 'top=100,left=200,width=648,height=618')
|
||||
})
|
||||
}
|
||||
};
|
||||
Skin.init();
|
||||
Reference in New Issue
Block a user