514 lines
15 KiB
JavaScript
514 lines
15 KiB
JavaScript
/*!
|
||
* 版本：MYUI Copyright © 2020
|
||
* 官网：https://www.uzhanw.com
|
||
*/
|
||
|
||
var MyTheme = {
|
||
'Browser': {
|
||
url: document.URL,
|
||
domain: document.domain,
|
||
title: document.title,
|
||
language: (navigator.browserLanguage || navigator.language).toLowerCase(),
|
||
canvas: function() {
|
||
return !!document.createElement("canvas").getContext
|
||
}(),
|
||
useragent: function() {
|
||
var a = navigator.userAgent;
|
||
return {
|
||
mobile: !! a.match(/AppleWebKit.*Mobile.*/),
|
||
ios: !! a.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
|
||
android: -1 < a.indexOf("Android") || -1 < a.indexOf("Linux"),
|
||
iPhone: -1 < a.indexOf("iPhone") || -1 < a.indexOf("Mac"),
|
||
iPad: -1 < a.indexOf("iPad"),
|
||
trident: -1 < a.indexOf("Trident"),
|
||
presto: -1 < a.indexOf("Presto"),
|
||
webKit: -1 < a.indexOf("AppleWebKit"),
|
||
gecko: -1 < a.indexOf("Gecko") && -1 == a.indexOf("KHTML"),
|
||
weixin: -1 < a.indexOf("MicroMessenger")
|
||
}
|
||
}()
|
||
},
|
||
'Cookie': {
|
||
'Set':function(name,value,days){
|
||
var expires;
|
||
if (days) {
|
||
expires = days;
|
||
} else{
|
||
expires = "";
|
||
}
|
||
$.cookie(name,value,{expires:expires,path:'/'});
|
||
},
|
||
'Get':function(name){
|
||
var styles = $.cookie(name);
|
||
return styles;
|
||
},
|
||
'Del':function(name,tips){
|
||
if(window.confirm(tips)){
|
||
$.cookie(name,null,{expires:-1,path: '/'});
|
||
location.reload();
|
||
}else{
|
||
return false;
|
||
}
|
||
}
|
||
},
|
||
'Ajax':function(url,type,dataType,data,sfun,efun,cfun){
|
||
type=type||'get';
|
||
dataType=dataType||'json';
|
||
data=data||'';
|
||
efun=efun||'';
|
||
cfun=cfun||'';
|
||
|
||
$.ajax({
|
||
url:url,
|
||
type:type,
|
||
dataType:dataType,
|
||
data:data,
|
||
timeout: 5000,
|
||
beforeSend:function(XHR){
|
||
},
|
||
error:function(XHR,textStatus,errorThrown){
|
||
if(efun) efun(XHR,textStatus,errorThrown);
|
||
},
|
||
success:function(data){
|
||
sfun(data);
|
||
},
|
||
complete:function(XHR, TS){
|
||
if(cfun) cfun(XHR, TS);
|
||
}
|
||
})
|
||
},
|
||
'Mobile': {
|
||
'Nav': {
|
||
'Init': function() {
|
||
if($(".nav-slide").length){
|
||
$(".nav-slide").each(function(){
|
||
var $that = $(this);
|
||
MyTheme.Mobile.Nav.Set($that,$that.attr('data-align'));
|
||
});
|
||
}
|
||
},
|
||
'Set': function(id,align) {
|
||
$index = id.find('.active').index()*1;
|
||
if($index > 3){
|
||
$index = $index-3;
|
||
}else{
|
||
$index = 0;
|
||
}
|
||
id.flickity({
|
||
cellAlign: align,
|
||
freeScroll: true,
|
||
contain: true,
|
||
prevNextButtons: false,
|
||
pageDots: false,
|
||
percentPosition: true,
|
||
initialIndex: $index
|
||
});
|
||
}
|
||
},
|
||
'Mshare': function() {
|
||
$(".open-share").click(function() {
|
||
MyTheme.Browser.useragent.weixin ? $("body").append('<div class="mobile-share share-weixin"></div>') : $("body").append('<div class="mobile-share share-other"></div>');
|
||
$(".mobile-share").click(function() {
|
||
$(".mobile-share").remove();
|
||
$("body").removeClass("modal-open");
|
||
});
|
||
});
|
||
}
|
||
},
|
||
'Images': {
|
||
'Lazyload': function() {
|
||
$(".lazyload").lazyload({
|
||
effect: "fadeIn",
|
||
threshold: 200,
|
||
failure_limit : 1,
|
||
skip_invisible : false,
|
||
});
|
||
},
|
||
'Qrcode': {
|
||
'Init': function() {
|
||
if($("#qrcode").length){
|
||
var $that = $("#qrcode");
|
||
MyTheme.Images.Qrcode.Set($that.attr('data-link'),$that.attr('data-dark'),$that.attr('data-light'));
|
||
$that.attr("class","img-responsive");
|
||
}
|
||
},
|
||
'Set': function(url,dark,light) {
|
||
url=0||location.href;
|
||
var qrcode = new QRCode('qrcode', {
|
||
text: url,
|
||
width: 120,
|
||
height: 120,
|
||
colorDark : dark,
|
||
colorLight : light,
|
||
correctLevel : QRCode.CorrectLevel.H
|
||
});
|
||
}
|
||
},
|
||
'Flickity': {
|
||
'Init': function() {
|
||
if($(".flickity").length){
|
||
$(".flickity").each(function(){
|
||
var $that = $(this);
|
||
MyTheme.Images.Flickity.Set($that,$that.attr('data-align'),$that.attr('data-dots'),$that.attr('data-next'));
|
||
});
|
||
}
|
||
},
|
||
'Set': function(id,align,dots,next) {
|
||
dots=dots||false;
|
||
next=next||false;
|
||
id.flickity({
|
||
cellAlign: align,
|
||
wrapAround: true,
|
||
contain: true,
|
||
pageDots: dots,
|
||
percentPosition: true,
|
||
prevNextButtons: next
|
||
});
|
||
}
|
||
}
|
||
},
|
||
'Link': {
|
||
'Copy': function(){
|
||
if($(".copy-link").length){
|
||
var clipboard = new Clipboard('.copy-link', {
|
||
text: function() {
|
||
return $(".my-link").html();
|
||
}
|
||
});
|
||
clipboard.on('success', function(e) {
|
||
layer.msg('链接复制成功');
|
||
});
|
||
clipboard.on("error",function(e){
|
||
layer.msg('复制失败，请手动复制');
|
||
});
|
||
}
|
||
},
|
||
'Short': function(){
|
||
if($(".short").length){
|
||
var shortId = $(".short");
|
||
var shortUrl = shortId.attr("href");
|
||
$.ajax({
|
||
type : 'GET',
|
||
url : myui.shortapi+encodeURIComponent(shortUrl),
|
||
dataType : 'json',
|
||
success : function(data) {
|
||
url_short = data.urls[0].url_short;
|
||
shortId.html(url_short);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
},
|
||
'Layer': {
|
||
'Img': function(title,src,text) {
|
||
layer.open({
|
||
type: 1,
|
||
title: title,
|
||
skin: 'layui-layer-rim',
|
||
content: '<div class="col-pd"><p><img src="'+src+'" width="240" /></p><p class="text-center">'+text+'</p></div>'
|
||
});
|
||
},
|
||
'Html': function(title,html) {
|
||
layer.open({
|
||
type: 1,
|
||
title: title,
|
||
skin: 'layui-layer-rim',
|
||
content: '<div class="col-pd">'+html+'</div>'
|
||
});
|
||
},
|
||
'Div': function(id) {
|
||
layer.open({
|
||
type: 1,
|
||
title:false,
|
||
skin: 'layui-layer-rim',
|
||
content: $(id)
|
||
});
|
||
},
|
||
'Popbody': function(name,title,html,day,wide,high) {
|
||
var pop_is = MyTheme.Cookie.Get(name);
|
||
var html = $(html).html();
|
||
if(!pop_is){
|
||
layer.open({
|
||
type: 1,
|
||
title: title,
|
||
skin: 'layui-layer-rim',
|
||
content: html,
|
||
area: [wide+'px', high+'px'],
|
||
cancel: function(){
|
||
MyTheme.Cookie.Set(name,1,day);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
},
|
||
'Other': {
|
||
'Headroom': function() {
|
||
if($("#header-top").length){
|
||
var header = document.querySelector("#header-top");
|
||
var headroom = new Headroom(header, {
|
||
tolerance: 5,
|
||
offset: 205,
|
||
classes: {
|
||
initial: "top-fixed",
|
||
pinned: "top-fixed-up",
|
||
unpinned: "top-fixed-down"
|
||
}
|
||
});
|
||
headroom.init();
|
||
}
|
||
$(".dropdown-hover").click(function(){
|
||
$(this).find(".dropdown-box").toggle();
|
||
});
|
||
},
|
||
'Popup': function(id) {
|
||
$(id).addClass("popup-visible");
|
||
$("body").append('<div class="mask"></div>').addClass("hidden");
|
||
$(".close-popup").click(function() {
|
||
$(id).removeClass("popup-visible");
|
||
$(".mask").remove();
|
||
$("body").removeClass("hidden");
|
||
});
|
||
$(".mask").click(function() {
|
||
$(id).removeClass("popup-visible");
|
||
$(this).remove();
|
||
$("body").removeClass("hidden");
|
||
});
|
||
},
|
||
'Bootstrap': function() {
|
||
$('a[data-toggle="tab"]').on("shown.bs.tab", function(a) {
|
||
var b = $(a.target).text();
|
||
$(a.relatedTarget).text();
|
||
$("span.active-tab").html(b);
|
||
});
|
||
},
|
||
'Skin': function() {
|
||
var skinnum = 0,act;
|
||
var lengths = $("link[name='skin']").length;
|
||
$('.btnskin').click(function() {
|
||
skinnum+=1;
|
||
if(skinnum==lengths){skinnum=0;}
|
||
var skin = $("link[name='skin']").eq(skinnum).attr("href");
|
||
layer.msg("正在切换皮肤，请稍后...",{anim:5,time: 2000},function(){
|
||
$("link[name='default']").attr({href:skin});
|
||
});
|
||
MyTheme.Cookie.Set('skinColor',skin,365);
|
||
});
|
||
var color = MyTheme.Cookie.Get('skinColor');
|
||
if(color){
|
||
$("link[name='default']").attr({href:color});
|
||
}
|
||
},
|
||
'Sort': function() {
|
||
$(".sort-button").each(function(){
|
||
$(this).on("click",function(e){
|
||
e.preventDefault();
|
||
$(this).parent().parent().parent().find(".sort-list").each(function(){
|
||
var playlist=$(this).find("li");
|
||
for(let i=0,j=playlist.length-1;i<j;){
|
||
var l=playlist.eq(i).clone(true);
|
||
var r=playlist.eq(j).replaceWith(l);
|
||
playlist.eq(i).replaceWith(r);
|
||
++i;
|
||
--j;
|
||
}
|
||
});
|
||
});
|
||
});
|
||
},
|
||
'Search': function() {
|
||
$(".search-select li").click(function() {
|
||
var action =$(this).attr("data-action");
|
||
$("#search").attr("action",action);
|
||
$(".search-select .text").text($(this).html());
|
||
});
|
||
$(".search_submit").click(function() {
|
||
var value=$(".search_wd").val();
|
||
if (!value) {
|
||
var wd=$(".search_wd").attr("placeholder");
|
||
$(".search_wd").val(wd);
|
||
}
|
||
});
|
||
$(".search_wd").click(function() {
|
||
$(this).parent().parent().find(".search-dropdown-hot").toggle();
|
||
});
|
||
$(".open-search").click(function(){
|
||
var seacrhBox=$(".search-box");
|
||
seacrhBox.addClass("active").siblings().hide();
|
||
seacrhBox.find(".form-control").focus();
|
||
seacrhBox.find(".head-dropdown").toggle();
|
||
$(".search-close").click(function(){
|
||
seacrhBox.removeClass("active").siblings().show();
|
||
seacrhBox.find(".dropdown-box").hide();
|
||
});
|
||
});
|
||
},
|
||
'Collapse': function() {
|
||
$(".text-collapse").each(function(){
|
||
$(this).find(".details").on("click",function(){
|
||
$(this).parent().find(".sketch").addClass("hide");
|
||
$(this).parent().find(".data").css("display","");
|
||
$(this).remove();
|
||
});
|
||
});
|
||
},
|
||
'Scrolltop': function() {
|
||
var a = $(window);
|
||
$scrollTopLink = $("a.backtop");
|
||
a.scroll(function() {
|
||
500 < $(this).scrollTop() ? $scrollTopLink.css("display", "") : $scrollTopLink.css("display", "none");
|
||
});
|
||
$scrollTopLink.on("click", function() {
|
||
$("html, body").animate({
|
||
scrollTop: 0
|
||
}, 400);
|
||
return true;
|
||
});
|
||
},
|
||
'Slidedown': function() {
|
||
var display = $('.slideDown-box');
|
||
$(".slideDown-btn").click(function() {
|
||
if(display.css('display') == 'block'){
|
||
display.slideUp("slow");
|
||
$(this).html('展开 <i class="fa fa-angle-down"></i>');
|
||
}else{
|
||
display.slideDown("slow");
|
||
$(this).html('收起 <i class="fa fa-angle-up"></i>');
|
||
}
|
||
});
|
||
},
|
||
'History': {
|
||
'Init':function(){
|
||
if($(".vod_history").length){
|
||
var $that = $(".vod_history");
|
||
MyTheme.Other.History.Set($that.attr('data-name'),$that.attr('data-link'),$that.attr('data-pic'),$that.attr('data-part'),$that.attr('data-limit'));
|
||
}
|
||
},
|
||
'Set':function(name,link,pic,part,limit){
|
||
if(!link){ link = document.URL;}
|
||
var history = MyTheme.Cookie.Get("history");
|
||
var len=0;
|
||
var canadd=true;
|
||
if(history){
|
||
history = eval("("+history+")");
|
||
len=history.length;
|
||
$(history).each(function(){
|
||
if(name==this.name){
|
||
canadd=false;
|
||
var json="[";
|
||
$(history).each(function(i){
|
||
var temp_name,temp_img,temp_url,temp_part;
|
||
if(this.name==name){
|
||
temp_name=name;temp_img=pic;temp_url=link;temp_part=part;
|
||
}else{
|
||
temp_name=this.name;temp_img=this.pic;temp_url=this.link;temp_part=this.part;
|
||
}
|
||
json+="{\"name\":\""+temp_name+"\",\"pic\":\""+temp_img+"\",\"link\":\""+temp_url+"\",\"part\":\""+temp_part+"\"}";
|
||
if(i!=len-1)
|
||
json+=",";
|
||
})
|
||
json+="]";
|
||
MyTheme.Cookie.Set('history',json,365);
|
||
return false;
|
||
}
|
||
});
|
||
}
|
||
if(canadd){
|
||
var json="[";
|
||
var start=0;
|
||
var isfirst="]";
|
||
isfirst=!len?"]":",";
|
||
json+="{\"name\":\""+name+"\",\"pic\":\""+pic+"\",\"link\":\""+link+"\",\"part\":\""+part+"\"}"+isfirst;
|
||
if(len>limit-1)
|
||
len-=1;
|
||
for(i=0;i<len-1;i++){
|
||
json+="{\"name\":\""+history[i].name+"\",\"pic\":\""+history[i].pic+"\",\"link\":\""+history[i].link+"\",\"part\":\""+history[i].part+"\"},";
|
||
}
|
||
if(len>0){
|
||
json+="{\"name\":\""+history[len-1].name+"\",\"pic\":\""+history[len-1].pic+"\",\"link\":\""+history[len-1].link+"\",\"part\":\""+history[len-1].part+"\"}]";
|
||
}
|
||
MyTheme.Cookie.Set('history',json,365);
|
||
}
|
||
}
|
||
},
|
||
'Player': function() {
|
||
if($("#player-left").length){
|
||
var PlayerLeft = $("#player-left");
|
||
var PlayerSide = $("#player-sidebar");
|
||
var LeftHeight = PlayerLeft.outerHeight();
|
||
var Position = $("#playlist li.active").position().top;
|
||
$("#player-sidebar-is").click(function() {
|
||
PlayerSide.toggle();
|
||
if(PlayerSide.css("display")==='none') {
|
||
PlayerLeft.css("width","100%");
|
||
$(this).html("<i class='fa fa-angle-left'></i>");
|
||
}
|
||
if(PlayerSide.css("display")==='block') {
|
||
PlayerLeft.css("width","");
|
||
$(this).html("<i class='fa fa-angle-right'></i>");
|
||
}
|
||
});
|
||
if(!MyTheme.Browser.useragent.mobile){
|
||
PlayerSide.css({"height":LeftHeight,"overflow":"auto"});
|
||
PlayerSide.scrollTop(Position);
|
||
if($(".player-fixed").length){
|
||
$(window).scroll(function(){
|
||
if($(window).scrollTop()>window.outerHeight){
|
||
$(".player-fixed").addClass("fixed fadeInDown");
|
||
$(".player-fixed-off").show();
|
||
|
||
}else if($(window).scrollTop()<window.outerHeight){
|
||
$(".player-fixed").removeClass("fixed fadeInDown");
|
||
$(".player-fixed-off").hide();
|
||
}
|
||
});
|
||
}
|
||
$(".player-fixed-off").click(function() {
|
||
$(".player-fixed").removeClass("fixed fadeInDown");
|
||
});
|
||
}
|
||
}
|
||
},
|
||
'Close': function() {
|
||
$(".close-btn").on("click",function(){
|
||
$(this).parents(".close-box").remove();
|
||
});
|
||
},
|
||
'Share': function(){
|
||
if(".bdshare".length){
|
||
window._bd_share_config = {
|
||
common: {
|
||
bdText: '',
|
||
bdDesc: '',
|
||
bdUrl: '',
|
||
bdPic: ''
|
||
},
|
||
share: [{
|
||
"bdSize": 24,
|
||
}]
|
||
}
|
||
//with(document)0[(getElementsByTagName("head")[0]||body).appendChild(createElement('script')).src=''+myui.bdapi+'?cdnversion='+~(-new Date()/36e5)];
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
$(function(){
|
||
if(MyTheme.Browser.useragent.mobile){
|
||
MyTheme.Mobile.Nav.Init();
|
||
MyTheme.Mobile.Mshare();
|
||
}
|
||
MyTheme.Images.Lazyload();
|
||
MyTheme.Images.Flickity.Init();
|
||
MyTheme.Link.Copy();
|
||
MyTheme.Other.Bootstrap();
|
||
MyTheme.Other.Sort();
|
||
MyTheme.Other.Headroom();
|
||
MyTheme.Other.Search();
|
||
MyTheme.Other.Collapse();
|
||
MyTheme.Other.Slidedown();
|
||
MyTheme.Other.Scrolltop();
|
||
MyTheme.Other.History.Init();
|
||
MyTheme.Other.Player();
|
||
MyTheme.Other.Close();
|
||
|
||
}); |