From f61b4b4cad28d945788107bcad02beb1a23b9005 Mon Sep 17 00:00:00 2001 From: 1099438829 <1099438829@qq.com> Date: Wed, 6 Jan 2021 09:47:20 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=A0=BC=E5=BC=8F=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/calendar/js/calender.js | 217 +++++++++++++-------- broadcast.html | 81 ++++---- child.html | 14 +- index.html | 4 +- js/login.js | 44 ++--- js/win10.child.js | 20 +- login.html | 70 +++---- plugins/shortcut-drawer/shortcut-drawer.js | 62 +++--- 8 files changed, 288 insertions(+), 224 deletions(-) diff --git a/app/calendar/js/calender.js b/app/calendar/js/calender.js index 0fa8172..32f220c 100644 --- a/app/calendar/js/calender.js +++ b/app/calendar/js/calender.js @@ -1,39 +1,52 @@ -;(function(window,undefined){var calendar=document.querySelector('#calendar') -var simpleMonth_area=calendar.querySelector('.sidebar') -var simpleMonth_title=simpleMonth_area.querySelector('.date') -var fullMonth_area=calendar.querySelector('#renderFullYear') -var fullMonth_title=fullMonth_area.querySelector('h2') -var fullMonth_lunar=fullMonth_area.querySelector('.lunar-year') -var detailMonth=calendar.querySelector('#renderMonth') -var detailMonth_title=detailMonth.querySelector('.title') -var detailMonth_day=detailMonth.querySelector('.day') -var tab_num=0 -var today=new Date() -var year=today.getFullYear() -var month=today.getMonth() -var calendarObj=ChineseCalendar -renderTab() -initalToday() -function renderTab(){var aTab=calendar.querySelector('.header').querySelectorAll('li') -var aRender=calendar.querySelectorAll('.render') -for(var i=0;i +; (function (window, undefined) { + var calendar = document.querySelector('#calendar') + var simpleMonth_area = calendar.querySelector('.sidebar') + var simpleMonth_title = simpleMonth_area.querySelector('.date') + var fullMonth_area = calendar.querySelector('#renderFullYear') + var fullMonth_title = fullMonth_area.querySelector('h2') + var fullMonth_lunar = fullMonth_area.querySelector('.lunar-year') + var detailMonth = calendar.querySelector('#renderMonth') + var detailMonth_title = detailMonth.querySelector('.title') + var detailMonth_day = detailMonth.querySelector('.day') + var tab_num = 0 + var today = new Date() + var year = today.getFullYear() + var month = today.getMonth() + var calendarObj = ChineseCalendar + renderTab() + initalToday() + function renderTab() { + var aTab = calendar.querySelector('.header').querySelectorAll('li') + var aRender = calendar.querySelectorAll('.render') + for (var i = 0; i < aTab.length; i++) { + aTab[i].index = i + aTab[i].onclick = function () { + for (var j = 0; j < aTab.length; j++) { + aTab[j].className = '' + aRender[j].className = 'render' + } + aTab[this.index].className = 'cur' + aRender[this.index].className = 'render render-show' + tab_num = this.index + } + } + } + function initalToday() { + simpleMonth_title.innerHTML = year + '年' + (month + 1) + '月' + fullMonth_title.innerHTML = year + '年' + fullMonth_lunar.innerHTML = '' + calendarObj.year2GanZhe(year) + calendarObj.getAnimal(year) + '年' + detailMonth_title.innerHTML = year + '年' + (month + 1) + '月' + renderFullMonth() + tools.renderDetailMonth(detailMonth_day, year, month) + dateEvent() + } + function renderFullMonth() { + var sidebar_day = simpleMonth_area.querySelector('.day') + var fullYear_month = fullMonth_area.querySelector('.month') + var fullMonth_hmtl = `` + var monthArr = ['January', 'Febuary', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'Octorber', 'November', 'December'] + for (var i = 0; i < 12; i++) { + fullMonth_hmtl += `
  • ${monthArr[i]}
    - +
    • `} -fullYear_month.innerHTML=fullMonth_hmtl -sidebar_day.innerHTML=tools.renderDay(year,month)} -function dateEvent(){var sidebar_prevBtn=simpleMonth_area.querySelector('.btn-prev') -var sidebar_nextBtn=simpleMonth_area.querySelector('.btn-next') -var control=calendar.querySelector('#control') -var control_btnPrev=control.querySelector('.btn-prev') -var control_today=control.querySelector('.today') -var control_btnNext=control.querySelector('.btn-next') -var sidebar_date=simpleMonth_area.querySelectorAll('.day li') -var detail_festival=detailMonth_day.querySelectorAll('.show') -var popup=calendar.querySelector('#popup') -var container=calendar.querySelector('.container') -var dataTime=null -var popupPos={lx:0,lr:0,y:0,w:detail_festival[0].offsetWidth,h:detail_festival[0].offsetHeight} -sidebar_prevBtn.onclick=function(){if(month==0){year-- -month=11}else{month--} -initalToday()} -sidebar_nextBtn.onclick=function(){if(month==11){year++ -month=0}else{month++} -initalToday()} -control_today.onclick=function(){year=today.getFullYear() -month=today.getMonth() -initalToday()} -control_btnPrev.onclick=function(){if(tab_num==0){if(month==0){year-- -month=11}else{month--} -tools.renderDetailMonth(detailMonth_day,year,month)}else{year--} -initalToday()} -control_btnNext.onclick=function(){if(tab_num==0){if(month==11){year++ -month=0}else{month++}}else{year++} -initalToday()} -for(var i=0;i=popup.offsetWidth){popup.style.left=popupPos.lx+'px' -popup.className='popup-left'}else{popup.style.left=popupPos.lr+'px' -popup.className='popup-right'} -tools.renderPopup(this,popup,dateStr) -ev.stopPropagation()}} -document.onclick=function(){popup.style.display='none'}}})(window) \ No newline at end of file + fullYear_month.innerHTML = fullMonth_hmtl + sidebar_day.innerHTML = tools.renderDay(year, month) + } + function dateEvent() { + var sidebar_prevBtn = simpleMonth_area.querySelector('.btn-prev') + var sidebar_nextBtn = simpleMonth_area.querySelector('.btn-next') + var control = calendar.querySelector('#control') + var control_btnPrev = control.querySelector('.btn-prev') + var control_today = control.querySelector('.today') + var control_btnNext = control.querySelector('.btn-next') + var sidebar_date = simpleMonth_area.querySelectorAll('.day li') + var detail_festival = detailMonth_day.querySelectorAll('.show') + var popup = calendar.querySelector('#popup') + var container = calendar.querySelector('.container') + var dataTime = null + var popupPos = { lx: 0, lr: 0, y: 0, w: detail_festival[0].offsetWidth, h: detail_festival[0].offsetHeight } + sidebar_prevBtn.onclick = function () { + if (month == 0) { + year-- + month = 11 + } else { month-- } + initalToday() + } + sidebar_nextBtn.onclick = function () { + if (month == 11) { + year++ + month = 0 + } else { month++ } + initalToday() + } + control_today.onclick = function () { + year = today.getFullYear() + month = today.getMonth() + initalToday() + } + control_btnPrev.onclick = function () { + if (tab_num == 0) { + if (month == 0) { + year-- + month = 11 + } else { month-- } + tools.renderDetailMonth(detailMonth_day, year, month) + } else { year-- } + initalToday() + } + control_btnNext.onclick = function () { + if (tab_num == 0) { + if (month == 11) { + year++ + month = 0 + } else { month++ } + } else { year++ } + initalToday() + } + for (var i = 0; i < sidebar_date.length; i++) { + sidebar_date[i].onclick = function () { + dataTime = this.dataset.time + year = parseInt(dataTime.substr(0, 4)) + month = parseInt(dataTime.substr(4, 2)) + initalToday() + } + } + for (var i = 0; i < detail_festival.length; i++) { + detail_festival[i].onclick = function (ev) { + var dateStr = this.parentNode.dataset.time + popupPos.lx = this.offsetLeft + popupPos.w + 20 + popupPos.lr = this.offsetLeft - 280 + popupPos.y = this.offsetTop - 52 + popupPos.h / 2 + popup.style.display = 'block' + popup.style.top = popupPos.y + 'px' + if (container.offsetWidth - this.offsetLeft - this.offsetWidth >= popup.offsetWidth) { + popup.style.left = popupPos.lx + 'px' + popup.className = 'popup-left' + } else { + popup.style.left = popupPos.lr + 'px' + popup.className = 'popup-right' + } + tools.renderPopup(this, popup, dateStr) + ev.stopPropagation() + } + } + document.onclick = function () { popup.style.display = 'none' } + } +})(window) \ No newline at end of file diff --git a/broadcast.html b/broadcast.html index b65f4b6..4ee0916 100644 --- a/broadcast.html +++ b/broadcast.html @@ -1,42 +1,49 @@  - - - - - - - - MAC-UI最新资讯 - - - - -

    MACUI已出炉

    -
    + + + + + + + + + MAC-UI最新资讯 + + + + +

    MACUI已出炉

    +

    编辑日期 2018/06/20

    MAC-UI华丽上线

    今后产品动态，疑问解答等内容都会在码外社区内进行，感谢各位一如既往的支持与厚爱。

    -
    - - +
    + + + \ No newline at end of file diff --git a/child.html b/child.html index d628f71..bab2a5f 100644 --- a/child.html +++ b/child.html @@ -1,12 +1,13 @@ + 子页测试 - + +
    子页给父页发消息
    子页打开子窗口
    关闭子页
    + \ No newline at end of file diff --git a/index.html b/index.html index 6558bd2..ad2a878 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,7 @@ - + @@ -34,7 +34,7 @@
    + onclick="Win10.openUrl('http://mac.apecloud.cn','','OS官网')">
    OS官网
    diff --git a/js/login.js b/js/login.js index 38fe84e..1912106 100644 --- a/js/login.js +++ b/js/login.js @@ -1,37 +1,37 @@ -$(document).ready(function() { - +$(document).ready(function () { + var animating = false, - submitPhase1 = 1100, - submitPhase2 = 400, - logoutPhase1 = 800, - $login = $(".login"), - $app = $(".app"); - + submitPhase1 = 1100, + submitPhase2 = 400, + logoutPhase1 = 800, + $login = $(".login"), + $app = $(".app"); + function ripple(elem, e) { $(".ripple").remove(); var elTop = elem.offset().top, - elLeft = elem.offset().left, - x = e.pageX - elLeft, - y = e.pageY - elTop; + elLeft = elem.offset().left, + x = e.pageX - elLeft, + y = e.pageY - elTop; var $ripple = $("
    "); - $ripple.css({top: y, left: x}); + $ripple.css({ top: y, left: x }); elem.append($ripple); }; - - $(document).on("click", ".login__submit", function(e) { + + $(document).on("click", ".login__submit", function (e) { if (animating) return; animating = true; var that = this; ripple($(that), e); $(that).addClass("processing"); - setTimeout(function() { + setTimeout(function () { $(that).addClass("success"); - setTimeout(function() { + setTimeout(function () { $app.show(); $app.css("top"); $app.addClass("active"); }, submitPhase2 - 70); - setTimeout(function() { + setTimeout(function () { $login.hide(); $login.addClass("inactive"); animating = false; @@ -39,24 +39,24 @@ $(document).ready(function() { }, submitPhase2); }, submitPhase1); }); - - $(document).on("click", ".app__logout", function(e) { + + $(document).on("click", ".app__logout", function (e) { if (animating) return; $(".ripple").remove(); animating = true; var that = this; $(that).addClass("clicked"); - setTimeout(function() { + setTimeout(function () { $app.removeClass("active"); $login.show(); $login.css("top"); $login.removeClass("inactive"); }, logoutPhase1 - 120); - setTimeout(function() { + setTimeout(function () { $app.hide(); animating = false; $(that).removeClass("clicked"); }, logoutPhase1); }); - + }); \ No newline at end of file diff --git a/js/win10.child.js b/js/win10.child.js index 3c7d346..f5f6676 100644 --- a/js/win10.child.js +++ b/js/win10.child.js @@ -2,22 +2,22 @@ * Created by Yuri2 on 2017/7/31. */ //此处代码适合在子页面使用 -window.Win10_parent=parent.Win10; //获取父级Win10对象的句柄 -window.Win10_child={ - close:function () { +window.Win10_parent = parent.Win10; //获取父级Win10对象的句柄 +window.Win10_child = { + close: function () { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 Win10_parent._closeWin(index); }, - newMsg: function (title, content,handle_click){ - Win10_parent.newMsg(title, content,handle_click) + newMsg: function (title, content, handle_click) { + Win10_parent.newMsg(title, content, handle_click) }, - openUrl: function (url, title,max){ - var click_lock_name=Math.random(); - Win10_parent._iframe_click_lock_children[click_lock_name]=true; - var index=Win10_parent.openUrl(url, title,max); + openUrl: function (url, title, max) { + var click_lock_name = Math.random(); + Win10_parent._iframe_click_lock_children[click_lock_name] = true; + var index = Win10_parent.openUrl(url, title, max); setTimeout(function () { delete Win10_parent._iframe_click_lock_children[click_lock_name]; - },1000); + }, 1000); return index; } }; diff --git a/login.html b/login.html index cc5ae96..0d727b1 100644 --- a/login.html +++ b/login.html @@ -1,41 +1,43 @@ - - - - - - - 登录 - - - -
    -
    -
    -
    - - -
    +
    + + +
    + +
    - +
    + + \ No newline at end of file diff --git a/plugins/shortcut-drawer/shortcut-drawer.js b/plugins/shortcut-drawer/shortcut-drawer.js index c2a64f6..00cfbb4 100644 --- a/plugins/shortcut-drawer/shortcut-drawer.js +++ b/plugins/shortcut-drawer/shortcut-drawer.js @@ -3,60 +3,60 @@ Win10.onReady(function () { //注册打开事件 (function () { // 注册事件委派 打开url窗口 - $('body').on('click', '.shortcut-drawer.win10-open-window', function() { + $('body').on('click', '.shortcut-drawer.win10-open-window', function () { //>> 获取当前点击的对象 $this = $(this); //>> 判断url地址是否为空 如果为空 不予处理 - if($this.data('url') !== "") { + if ($this.data('url') !== "") { //>> 获取弹窗标题 - var title = $this.data('title')||'', - areaAndOffset,icon; + var title = $this.data('title') || '', + areaAndOffset, icon; //>> 判断是否有标题图片 - var bg=$this.data('icon-bg')?$this.data('icon-bg'):''; - if($this.data('icon-image')) { + var bg = $this.data('icon-bg') ? $this.data('icon-bg') : ''; + if ($this.data('icon-image')) { //>> 加入到标题中 - icon = ''; + icon = ''; } - if($this.data('icon-font')) { + if ($this.data('icon-font')) { //>> 加入到标题中 - icon = ''; + icon = ''; } - if(!title && $this.children('.icon').length===1 && $this.children('.title').length===1){ + if (!title && $this.children('.icon').length === 1 && $this.children('.title').length === 1) { title = $this.children('.title').html(); - if(!icon){ + if (!icon) { icon = $this.children('.icon').prop("outerHTML"); } } //>> 判断是否需要 设置 区域宽度高度 - if($this.data('area-offset')) { + if ($this.data('area-offset')) { areaAndOffset = $this.data('area-offset'); //>> 判断是否有分隔符 - if(areaAndOffset.indexOf(',')!==-1){ + if (areaAndOffset.indexOf(',') !== -1) { areaAndOffset = eval(areaAndOsffset); } } //>> 调用win10打开url方法 - Win10.openUrl($this.data('url'),icon, title, areaAndOffset); + Win10.openUrl($this.data('url'), icon, title, areaAndOffset); } }) })(), - $('body').on('click','.win10-drawer',function () { - var content=$(this).find('.win10-drawer-box').html(); - var title=$(this).children('.title').html(); - var index=layer.open({ - type: 1, - shadeClose:true, - skin:'drawer', - area:[Win10.isSmallScreen()?"80%":"60%","50%"], - closeBtn: 0, - title:title, - content: content, - }); - var layero=Win10.getLayeroByIndex(index); - layero.find('.shortcut-drawer').click(function () { - layer.close(index); - }) - }) + $('body').on('click', '.win10-drawer', function () { + var content = $(this).find('.win10-drawer-box').html(); + var title = $(this).children('.title').html(); + var index = layer.open({ + type: 1, + shadeClose: true, + skin: 'drawer', + area: [Win10.isSmallScreen() ? "80%" : "60%", "50%"], + closeBtn: 0, + title: title, + content: content, + }); + var layero = Win10.getLayeroByIndex(index); + layero.find('.shortcut-drawer').click(function () { + layer.close(index); + }) + }) }); \ No newline at end of file