video-template-3
This commit is contained in:
make
514
code/public/template/videoboku/js/mytheme-ui.js
Normal file
514
code/public/template/videoboku/js/mytheme-ui.js
Normal file
@@ -0,0 +1,514 @@
|
||||
/*!
|
||||
* 版本：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();
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user