From afa16abd257e9e5136e318c45618c41efb50323d Mon Sep 17 00:00:00 2001 From: muzi_ys <1099438829@qq.com> Date: Tue, 4 Feb 2020 13:13:57 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E5=A4=A9=E6=B0=94=E6=98=BE?= =?UTF-8?q?=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/index.css | 12 ++- css/index.min.css | 199 +++++++++++++++++++++++++++++++++++++++++++++- js/mac.js | 4 +- js/mac.min.js | 8 +- 4 files changed, 210 insertions(+), 13 deletions(-) diff --git a/css/index.css b/css/index.css index e8dfc08..757ba10 100644 --- a/css/index.css +++ b/css/index.css @@ -196,10 +196,10 @@ body { #win10-menu { position: fixed; top: 24px; - left: 0.5%; + left: 0.5rem; background-color: rgba(255,255,255,0.55); height: auto; - width: 10%; + width: 12rem; max-width: 880px; overflow: auto; z-index: 1000; @@ -791,11 +791,6 @@ body { height: 30px; } -.win10-open-iframe .layui-layer-title{ - line-height:30px; - height: 30px; -} - .win10-open-iframe .layui-layer-title .icon ,#win10_btn_group_middle .btn_title .icon{ font-size: 15px; padding: 1px; @@ -809,6 +804,9 @@ body { .win10-open-iframe .layui-layer-title img.icon,#win10_btn_group_middle .btn_title img.icon{ width: 20px; position: relative; +} + +.win10-open-iframe .layui-layer-title img.icon{ top:5px ; } diff --git a/css/index.min.css b/css/index.min.css index f2980d8..49df55d 100644 --- a/css/index.min.css +++ b/css/index.min.css @@ -1 +1,198 @@ -@charset "utf-8";body,a,h1,h2,h3,h4,h5,h6,p,div,em,ul,li{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif}html{height:100%}ul{list-style:none;padding:0;margin:0}body{padding:0;margin:0;height:100%;overflow:hidden}#win10 *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#win10-login{background:black no-repeat fixed;width:100%;height:100%;background-size:100% 100%;position:fixed;z-index:-1;top:0;left:0}#win10{width:100%;height:100%;background:black no-repeat fixed;background-size:100% 100%;position:relative}#win10 .blur{-webkit-filter:blur(8px);-moz-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=8,MakeShadow=false);transition:filter .3s;transition:-webkit-filter .3s;transition:-moz-filter .3s;transition:-ms-filter .3s}#win10 .desktop .background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-999;transform:scale3d(1.1,1.1,1);background-size:100% 100%;background-position:center center}#win10 *{scrollbar-arrow-color:#5e6a5c;scrollbar-face-color:#5e6a5c;scrollbar-3dlight-color:#5e6a5c;scrollbar-highlight-color:#5e6a5c;scrollbar-shadow-color:#5e6a5c;scrollbar-darkshadow-color:#5e6a5c;scrollbar-track-color:rgba(74,84,78,0.41);scrollbar-base-color:#5e6a5c}#win10 hr{height:0;border-top:1px solid #999;border-right:0;border-bottom:0;border-left:0}#win10 .desktop{width:100%;height:100%;position:fixed;top:0}#win10_task_bar{width:100%;position:fixed;top:0;height:24px;line-height:24px;background-color:rgba(255,255,255,0.4);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#68FFFFFF,endColorStr=#68FFFFFF);z-index:19930813}#win10 .btn_group{height:100%}#win10 .btn_group .btn{float:left;color:#333;font-weight:bold;text-align:center;height:100%;line-height:24px;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s}#win10 .btn_group .btn:hover{color:white;background-color:rgba(49,156,241,0.71);cursor:pointer}#win10_btn_group_left{float:left;overflow:auto;max-width:200px;padding-left:.5%}#win10_btn_group_middle{overflow:auto;display:inline-block}#win10_btn_group_middle .btn_title{display:inline-block;padding-left:3.5px;padding-right:3.5px;text-align:center;margin:0 auto;text-overflow:clip;overflow:hidden;white-space:nowrap}#win10_btn_group_middle::-webkit-scrollbar{width:2px}#win10_btn_group_middle::-webkit-scrollbar-track{background-color:gray}#win10_btn_group_middle::-webkit-scrollbar-thumb{background-color:rgba(30,39,34,0.41)}#win10_btn_group_right{float:right;max-width:200px;overflow:auto}#win10_btn_group_left .btn,#win10_btn_group_middle .btn{height:100%;width:35px;overflow:hidden;font-size:14px}#win10_btn_group_right .btn{height:100%;min-width:4px;padding:0 10px;font-size:12px}#win10_btn_show_desktop{border-left:grey 1px solid;width:4px;margin-left:3px;padding:0 !important}#win10_btn_time{font-size:14px}#win10-menu{position:fixed;top:24px;left:.5%;background-color:rgba(255,255,255,0.55);height:auto;width:10%;max-width:880px;overflow:auto;z-index:1000;overflow-y:hidden;transition:bottom .5s;border-radius:0 0 3px 3px}#win10-menu.hidden{top:-70%}#win10-menu .list::-webkit-scrollbar,#win10_command_center::-webkit-scrollbar{width:0;height:0}#win10-menu .list::-webkit-scrollbar-track,#win10_command_center::-webkit-scrollbar-track{background-color:rgba(74,84,78,0.41)}#win10-menu .list::-webkit-scrollbar-thumb,#win10_command_center::-webkit-scrollbar-thumb{background-color:#6a6a6a}#win10-menu .list{float:left;width:180px;height:100%;overflow:auto;-webkit-animation-duration:.5s;animation-duration:.5s}#win10-menu .list{width:100%;padding:0;padding-top:5px;font-size:12px;height:100%}#win10-menu .list .item.has-sub-down::after{font:normal normal normal 14px/1 FontAwesome;content:"\f107";line-height:inherit;float:right}#win10-menu .list .item.has-sub-up::after{font:normal normal normal 14px/1 FontAwesome;content:"\f106";line-height:inherit;float:right}#win10-menu .list .item,.sub-item{color:#333;margin:1px 0;line-height:2em;padding:0 10px;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s;position:relative;width:calc(100% - 20px)}#win10-menu .list .item>.icon,#win10-menu .list .sub-item>.icon,.sub-item>.icon{line-height:2em;font-size:1.2em;float:left;margin-right:.5em;position:relative}#win10-menu .list .sub-item{padding-left:30px;width:calc(100% - 40px)}#win10-menu .list .item:hover,.sub-item:hover{background-color:rgba(49,156,241,0.71);cursor:pointer}#win10-menu-switcher{position:absolute;height:100%;border-left:1px solid grey;top:0;right:0;display:none;width:30px;cursor:pointer}#win10-menu-switcher:active{background-color:rgba(92,109,92,0.81)}#win10-menu .menu_group{float:left;width:300px;color:white;position:relative;overflow:hidden;margin-bottom:20px}#win10-menu .menu_group .title{padding:5px;padding-top:12px;font-size:13px}#win10-menu .menu_group:hover .title::after{font:normal normal normal 14px/1 FontAwesome;content:"\f0c9";line-height:inherit;float:right;margin-right:17px;color:grey}#win10 #win10-shortcuts{height:100%;position:absolute;left:0;top:0;z-index:100}#win10 #win10-shortcuts.shortcuts-hidden .shortcut{display:none}#win10 #win10-shortcuts .shortcut{width:80px;overflow:hidden;cursor:pointer;padding:0;position:absolute;transition:all .5s}#win10 #win10-shortcuts .shortcut:hover{background-color:rgba(255,255,255,0.11)}#win10 #win10-shortcuts .shortcut>.icon{width:50px;height:50px;overflow:hidden;margin:0 auto;color:white;box-sizing:border-box;margin-bottom:5px;margin-top:5px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;font-size:37px;line-height:50px}#win10-shortcuts .shortcut .title{color:white;font-size:12px;text-align:center;line-height:18px;margin-bottom:5px}#win10_command_center{position:fixed;right:0;top:25px;width:300px;background-color:rgba(255,255,255,0.7);height:calc(100% - 25px);transition:all .5s;overflow-x:hidden;overflow-y:auto;color:#333;box-sizing:border-box;z-index:1000}#win10_command_center.hidden_right{right:-300px}#win10_command_center>.title{position:absolute;top:0;left:0;width:100%;padding-left:10px;transition:background-color .5s}#win10_command_center>.title:hover{background-color:rgba(255,255,255,0.19)}#win10_command_center .command-header{height:50px;text-align:center;border-bottom:1px outset}#win10_command_center .command-header .item{width:45%;height:20px;margin:15px 0;display:inline-block;font-size:14px;color:#eaeaea;background-color:rgba(121,121,121,0.5)}#win10_command_center .command-header div{width:45%;height:20px;margin:15px 0;display:inline-block;font-size:14px;color:#eaeaea;background-color:rgba(121,121,121,0.5);border-radius:2px}#win10_command_center .command-header div:hover{cursor:pointer}#win10_command_center .command-header div.active{background-color:rgba(255,255,255,0.5);color:#000}#win10_command_center .command-body{position:relative;height:calc(100% - 70px);overflow-y:auto}#win10_command_center .command-body .command-body-calendar{margin:15px 0}#win10_command_center .command-body .command-body-calendar .command-body-calendar-date{padding:0 33px;color:#585858}#win10_command_center .command-body .command-body-calendar .normal-date{font-size:30px}#win10_command_center .command-body .notice{width:100%;margin:5px 0}#win10_command_center .command-body .notice .notice-header{background-color:rgba(255,255,255,0.8);height:25px;border-radius:5px 5px 0 0;line-height:25px}#win10_command_center .command-body .notice-header-icon{margin:2px 5px;vertical-align:middle}#win10_command_center .command-body .notice-header-icon>img{width:15px;height:15px}#win10_command_center .command-body .notice-header-title{font-size:10px;margin:0 5px;vertical-align:middle}#win10_command_center .command-body .notice .notice-body{background-color:rgba(255,255,255,0.6);border-radius:0 0 5px 5px}#win10_command_center .command-body .notice .weather-item{height:50px}#win10_command_center .command-body .notice .weather-item div{display:inline-block;text-align:center}#win10_command_center .command-body .notice .weather-city{float:left}#win10_command_center .command-body .notice .weather-city .weather-city-time{display:block;font-size:10px;font-weight:400;text-align:left;margin:5px 0 2px 10px;color:#868585}#win10_command_center .command-body .notice .weather-city .weather-city-text{font-size:15px;font-weight:400;display:block;text-align:left;margin:0 0 5px 10px}#win10_command_center .command-body .notice .weather-type{position:absolute;right:70px}#win10_command_center .command-body .notice .weather-type img{width:30px;margin:5px}#win10_command_center .command-body .notice .weather-temperature{float:right;font-size:35px;font-weight:200;margin-right:10px}#win10_command_center .command-body .notice .notice-header,.notice .notice-body{width:95%;margin:0 auto}#win10_command_center .command-body .notice .notice-header .notice-header-icon img{width:15px;height:15px}#win10_btn_group_right #win10_btn_command{font-size:14px}#win10_btn_command .msgNof{position:fixed;right:0;bottom:20px;border:1px solid red;background-color:red;color:white;border-radius:3px}#win10_btn_command_center_clean_all{color:#777;text-align:right;font-size:12px;float:right;margin-top:40px;margin-right:24px;transition:color .5s}#win10_btn_command_center_clean_all:hover{cursor:pointer;color:#333}#win10_command_center .msgs{position:absolute;top:60px;left:0;width:100%;overflow:hidden;display:none}#win10_command_center .btn_close_msg{line-height:inherit;transition:color .5s}#win10_command_center .msgs .msg{width:calc(100% - 20px);min-height:40px;padding:10px;transition:background-color .5s;position:relative}#win10_command_center .msgs .msg.animated{-webkit-animation-duration:.5s;animation-duration:.5s}#win10_command_center .command-body .notice:hover .notice-body{color:#333}#win10_command_center .command-body .notice:hover>.notice-header .btn_close_msg{color:grey}#win10_command_center .msgs .msg>.title{color:#777;font-size:14px;line-height:28px}#win10_command_center .command-body .notice .notice-header>.btn_close_msg{cursor:pointer;color:transparent;margin-right:8px;font-size:15px;display:block;float:right}#win10_command_center .msgs .msg>.btn_close_msg:hover{color:white}#win10_command_center .msgs .msg>.content{font-size:12px;color:#777;padding-bottom:5px}#win10_btn_group_middle .btn.active{background:rgba(255,255,255,0.6)}#win10_btn_group_middle .btn:hover{cursor:pointer}.win10-open-iframe{background-color:transparent;border:#f0f6f6 solid 1px !important;-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,0.8);-moz-box-shadow:0 0 50px 0 rgba(0,0,0,0.8);box-shadow:0 0 50px 0 rgba(0,0,0,0.8);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}.win10-open-iframe .layui-layer-content{background-color:white;max-height:calc(100% - 24px)}.win10-open-iframe .layui-layer-title{box-sizing:border-box;background:rgba(250,250,250,0.9);padding-left:120px;border-radius:4px 4px 0 0;color:#333;text-align:center}.win10-open-iframe.hide{display:none}.win10-btn_refresh{float:right}#win10 .img-loader{display:none}.win10-open-iframe .layui-layer-min cite{display:none}.win10-open-iframe .layui-layer-max:hover{background-image:none}.win10-open-iframe .layui-layer-max,.layui-layer-maxmin{background:0}.win10-open-iframe .layui-layer-setwin a.layui-layer-close1:hover::before{content:"\f057";color:#ff6057;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-min::before{content:"\f111";color:#28ca40;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-min:hover::before{content:"\f056";color:#28ca40;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-max::before{content:"\f111";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-max:hover::before{content:"\f055";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-maxmin.layui-layer-max::before{content:"\f111";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-maxmin.layui-layer-max:hover::before{content:"\f055";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-close::before{content:"\f111";color:#ff6057;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .layui-layer-min,.layui-layer-close,.layui-layer-max{text-decoration:none}.win10-btn-refresh,.win10-btn-change-url,.win10-btn-refresh:hover,.win10-btn-change-url:hover{text-decoration:none}.win10-open-iframe .win10-btn-refresh::before,.win10-btn-change-url::before{content:"\f111";color:#029fff;font:normal normal normal 16px/1 FontAwesome}.win10-open-iframe .win10-btn-refresh:hover::before,.win10-btn-change-url:hover::before{content:"\f192";color:#029fff;font:normal normal normal 16px/1 FontAwesome}#win10 .win10-context-menu{left:0;top:0;position:fixed;width:150px;height:auto;background-color:rgba(255,255,255,0.75);border:#CCC 1px solid;display:block;border-radius:5px;z-index:99999999}#win10 .win10-context-menu ul{margin:0;padding:0}#win10 .win10-context-menu ul li{transition:background-color .5s;cursor:default;padding:0 1em;list-style:none;line-height:30px;height:30px;margin:3px 0;font-size:13px}#win10 .win10-context-menu ul li:hover{background-color:rgba(49,156,241,0.71);cursor:pointer}#win10 .win10-context-menu ul li a{text-decoration:none;display:block;height:100%;color:#333;outline:0}#win10 .win10-context-menu ul hr{margin:0;height:0;border:0;border-bottom:rgba(233,233,233) 1px solid;border-top:0}.win10-open-iframe .layui-layer-ico{background-image:none}.win10-open-iframe .layui-layer-setwin{position:absolute;left:0;top:0;font-size:0;height:30px;line-height:30px}.win10-open-iframe .layui-layer-setwin a{position:relative;width:30px;height:30px;font-size:13px;text-align:center;overflow:hidden;margin:0}.win10-open-iframe .layui-layer-title{line-height:30px;height:30px}.win10-open-iframe .layui-layer-title{line-height:30px;height:30px}.win10-open-iframe .layui-layer-title .icon,#win10_btn_group_middle .btn_title .icon{font-size:15px;padding:1px;width:20px;height:20px;line-height:20px;display:inline-block;border-radius:3px;text-align:center}.win10-open-iframe .layui-layer-title img.icon,#win10_btn_group_middle .btn_title img.icon{width:20px;position:relative;top:5px}#win10-menu>.list>.sub-item img.icon,#win10-menu>.list>.item img.icon{width:36px;height:36px;position:relative;top:2px}#win10-desktop-scene{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;background-color:transparent}#footer{height:60px;width:100%;position:fixed;bottom:0;text-align:center;z-index:100}#footer .dock{height:100%;line-height:60px;display:inline-block;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,0.45);-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,0.8);-moz-box-shadow:0 0 50px 0 rgba(0,0,0,0.8);box-shadow:0 0 50px 0 rgba(0,0,0,0.8);z-index:100}@media \0screen\,screen\9{#footer .dock{height:100%;line-height:60px;background-color:#fff;display:inline-block;border-radius:5px;filter:Alpha(opacity=0.45);position:static;*zoom:1}.demo ul{position:relative}}#footer .dock ul{display:inline-block}#footer .dock img{z-index:222;width:50px;height:50px}#footer .dock ul li{float:left;width:60px;margin:5px auto;outline:0;cursor:pointer}#footer .dock ul li:focus{-webkit-animation:bounce 1s;animation:bounce 1s}#footer .dock .dock-tips{color:#333;font-size:.5em;font-weight:700;border-radius:5px;background:rgba(255,255,255,0.5);height:20px;line-height:20px;display:none;padding:0 5px;margin-top:-35px;margin-bottom:15px;flex-direction:column;align-items:center}#footer .dock .dock-tips .arrow{opacity:.5;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(255,255,255,0.5);border-bottom:5px solid transparent;width:0;height:0}.win10-open-iframe .black-green,#win10 .black-green{background:#009688 !important}.win10-open-iframe .green,#win10 .green{background:#5fb878 !important}.win10-open-iframe .black,#win10 .black{background:#393d49 !important}.win10-open-iframe .blue,#win10 .blue{background:#1e9fff !important}.win10-open-iframe .orange,#win10 .orange{background:#f7b824 !important}.win10-open-iframe .red,#win10 .red{background:#ff5722 !important}.win10-open-iframe .dark,#win10 .dark{background:#2f4056 !important}.win10-open-iframe .purple,#win10 .purple{background:#b074e6 !important}@media screen and (max-width:767px){#win10-menu{width:100%;top:24px;left:0;height:calc(100% - 25px);border-radius:0 0 2px 2px}#win10-menu.hidden{top:calc(-100% + 25px)}#win10_command_center{top:24px;width:100%}#win10_command_center.hidden_right{right:-100%}.layui-layer-setwin .layui-layer-max{display:none}#win10_btn_group_left .btn{height:100%;width:40px;overflow:hidden;font-size:16px}#win10_btn_group_right .btn{height:100%;min-width:4px;padding:0 10px;font-size:16px !important}#win10_btn_show_desktop{border-left:grey 1px solid;width:15px;margin-left:3px;padding:0 !important}#win10_btn_group_left{max-width:100px}#win10_btn_group_middle{width:calc(100% - 160px)}#win10_btn_group_middle .btn{padding:0 3px}#win10_btn_group_right{max-width:150px}#win10-menu .list{position:absolute;width:100%;left:0;top:0}#win10-menu .menu_group{width:90%;float:none;margin:0 auto;clear:both}#win10-menu .list .item,.sub-item{width:calc(100% - 20px)}#win10_btn_time{display:none}#win10-menu-switcher{display:none}#win10-menu>.win10-menu-hidden{display:block}#win10_btn_group_middle .btn_close{display:none}.win10-open-iframe .layui-layer-setwin a{width:32px}#footer{bottom:10px}}@media(min-width:768px) and (max-width:1024px){#footer{bottom:10px}#footer .dock{border-radius:8px}}@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){#footer{bottom:6px}#footer .dock{border-radius:6px}}@media(min-width:481px) and (max-width:767px){#footer{bottom:6px}#footer .dock{border-radius:6px;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.8);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.8);box-shadow:0 0 0 0 rgba(0,0,0,0.8)}}@media screen and (max-width:480px){#footer{bottom:0}#footer .dock{width:100%;border-radius:0;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.8);-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.8);box-shadow:0 0 0 0 rgba(0,0,0,0.8)}#win10-menu .list .item,.sub-item{width:calc(100% - 20px)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0px) translateX(0.1px);transform:translateY(0px) translateX(0.1px)}25%{-webkit-transform:translateY(-40px) translateX(0.1px);transform:translateY(-40px) translateX(0.1px)}50%{-webkit-transform:translateY(0px) translateX(0.1px);transform:translateY(0px) translateX(0.1px)}75%{-webkit-transform:translateY(-20px) translateX(0.1px);transform:translateY(-20px) translateX(0.1px)}100%{-webkit-transform:translateY(0px) translateX(0.1px);transform:translateY(0px) translateX(0.1px)}}@keyframes bounce{0%{-webkit-transform:translateY(0px) translateX(0.1px);transform:translateY(0px) translateX(0.1px)}25%{-webkit-transform:translateY(-40px) translateX(0.1px);transform:translateY(-40px) translateX(0.1px)}50%{-webkit-transform:translateY(0px) translateX(0.1px);transform:translateY(0px) translateX(0.1px)}75%{-webkit-transform:translateY(-20px) translateX(0.1px);transform:translateY(-20px) translateX(0.1px)}100%{-webkit-transform:translateY(0px) translateX(0.1px);transform:translateY(0px) translateX(0.1px)}} +@charset "utf-8";a,body,div,em,h1,h2,h3,h4,h5,h6,li,p,ul{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif} +html{height:100%} +ul{list-style:none;padding:0;margin:0} +body{padding:0;margin:0;height:100%;overflow:hidden} +#win10 *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} +#win10-login{background:#000 no-repeat fixed;width:100%;height:100%;background-size:100% 100%;position:fixed;z-index:-1;top:0;left:0} +#win10{width:100%;height:100%;background:#000 no-repeat fixed;background-size:100% 100%;position:relative} +#win10 .blur{-webkit-filter:blur(8px);-moz-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);transition:filter .3s;transition:-webkit-filter .3s;transition:-moz-filter .3s;transition:-ms-filter .3s} +#win10 .desktop .background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-999;transform:scale3d(1.1,1.1,1);background-size:100% 100%;background-position:center center} +#win10 *{scrollbar-arrow-color:#5e6a5c;scrollbar-face-color:#5e6a5c;scrollbar-3dlight-color:#5e6a5c;scrollbar-highlight-color:#5e6a5c;scrollbar-shadow-color:#5e6a5c;scrollbar-darkshadow-color:#5e6a5c;scrollbar-track-color:rgba(74,84,78,.41);scrollbar-base-color:#5e6a5c} +#win10 hr{height:0;border-top:1px solid #999;border-right:0;border-bottom:0;border-left:0} +#win10 .desktop{width:100%;height:100%;position:fixed;top:0} +#win10_task_bar{width:100%;position:fixed;top:0;height:24px;line-height:24px;background-color:rgba(255,255,255,.4);z-index:19930813} +#win10 .btn_group{height:100%} +#win10 .btn_group .btn{float:left;color:#333;font-weight:700;text-align:center;height:100%;line-height:24px;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s} +#win10 .btn_group .btn:hover{color:#fff;background-color:rgba(49,156,241,.71);cursor:pointer} +#win10_btn_group_left{float:left;overflow:auto;max-width:200px;padding-left:.5%} +#win10_btn_group_middle{overflow:auto;display:inline-block} +#win10_btn_group_middle .btn_title{display:inline-block;padding-left:3.5px;padding-right:3.5px;text-align:center;margin:0 auto;text-overflow:clip;overflow:hidden;white-space:nowrap} +#win10_btn_group_middle::-webkit-scrollbar{width:2px} +#win10_btn_group_middle::-webkit-scrollbar-track{background-color:grey} +#win10_btn_group_middle::-webkit-scrollbar-thumb{background-color:rgba(30,39,34,.41)} +#win10_btn_group_right{float:right;max-width:200px;overflow:auto} +#win10_btn_group_left .btn,#win10_btn_group_middle .btn{height:100%;width:35px;overflow:hidden;font-size:14px} +#win10_btn_group_right .btn{height:100%;min-width:4px;padding:0 10px;font-size:12px} +#win10_btn_show_desktop{border-left:grey 1px solid;width:4px;margin-left:3px;padding:0!important} +#win10_btn_time{font-size:14px} +#win10-menu{position:fixed;top:24px;left:.5rem;background-color:rgba(255,255,255,.55);height:auto;width:12rem;max-width:880px;overflow:auto;z-index:1000;overflow-y:hidden;transition:bottom .5s;border-radius:0 0 3px 3px} +#win10-menu.hidden{top:-70%} +#win10-menu .list::-webkit-scrollbar,#win10_command_center::-webkit-scrollbar{width:0;height:0} +#win10-menu .list::-webkit-scrollbar-track,#win10_command_center::-webkit-scrollbar-track{background-color:rgba(74,84,78,.41)} +#win10-menu .list::-webkit-scrollbar-thumb,#win10_command_center::-webkit-scrollbar-thumb{background-color:#6a6a6a} +#win10-menu .list{float:left;width:180px;height:100%;overflow:auto;-webkit-animation-duration:.5s;animation-duration:.5s} +#win10-menu .list{width:100%;padding:0;padding-top:5px;font-size:12px;height:100%} +#win10-menu .list .item.has-sub-down::after{font:normal normal normal 14px/1 FontAwesome;content:"\f107";line-height:inherit;float:right} +#win10-menu .list .item.has-sub-up::after{font:normal normal normal 14px/1 FontAwesome;content:"\f106";line-height:inherit;float:right} +#win10-menu .list .item,.sub-item{color:#333;margin:1px 0;line-height:2em;padding:0 10px;text-overflow:ellipsis;overflow:hidden;transition:background-color .3s;position:relative;width:calc(100% - 20px)} +#win10-menu .list .item>.icon,#win10-menu .list .sub-item>.icon,.sub-item>.icon{line-height:2em;font-size:1.2em;float:left;margin-right:.5em;position:relative} +#win10-menu .list .sub-item{padding-left:30px;width:calc(100% - 40px)} +#win10-menu .list .item:hover,.sub-item:hover{background-color:rgba(49,156,241,.71);cursor:pointer} +#win10-menu-switcher{position:absolute;height:100%;border-left:1px solid grey;top:0;right:0;display:none;width:30px;cursor:pointer} +#win10-menu-switcher:active{background-color:rgba(92,109,92,.81)} +#win10-menu .menu_group{float:left;width:300px;color:#fff;position:relative;overflow:hidden;margin-bottom:20px} +#win10-menu .menu_group .title{padding:5px;padding-top:12px;font-size:13px} +#win10-menu .menu_group:hover .title::after{font:normal normal normal 14px/1 FontAwesome;content:"\f0c9";line-height:inherit;float:right;margin-right:17px;color:grey} +#win10 #win10-shortcuts{height:100%;position:absolute;left:0;top:0;z-index:100} +#win10 #win10-shortcuts.shortcuts-hidden .shortcut{display:none} +#win10 #win10-shortcuts .shortcut{width:80px;overflow:hidden;cursor:pointer;padding:0;position:absolute;transition:all .5s} +#win10 #win10-shortcuts .shortcut:hover{background-color:rgba(255,255,255,.11)} +#win10 #win10-shortcuts .shortcut>.icon{width:50px;height:50px;overflow:hidden;margin:0 auto;color:#fff;box-sizing:border-box;margin-bottom:5px;margin-top:5px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;font-size:37px;line-height:50px} +#win10-shortcuts .shortcut .title{color:#fff;font-size:12px;text-align:center;line-height:18px;margin-bottom:5px} +#win10_command_center{position:fixed;right:0;top:25px;width:300px;background-color:rgba(255,255,255,.7);height:calc(100% - 25px);transition:all .5s;overflow-x:hidden;overflow-y:auto;color:#333;box-sizing:border-box;z-index:1000} +#win10_command_center.hidden_right{right:-300px} +#win10_command_center>.title{position:absolute;top:0;left:0;width:100%;padding-left:10px;transition:background-color .5s} +#win10_command_center>.title:hover{background-color:rgba(255,255,255,.19)} +#win10_command_center .command-header{height:50px;text-align:center;border-bottom:1px outset} +#win10_command_center .command-header .item{width:45%;height:20px;margin:15px 0;display:inline-block;font-size:14px;color:#eaeaea;background-color:rgba(121,121,121,.5)} +#win10_command_center .command-header div{width:45%;height:20px;margin:15px 0;display:inline-block;font-size:14px;color:#eaeaea;background-color:rgba(121,121,121,.5);border-radius:2px} +#win10_command_center .command-header div:hover{cursor:pointer} +#win10_command_center .command-header div.active{background-color:rgba(255,255,255,.5);color:#000} +#win10_command_center .command-body{position:relative;height:calc(100% - 70px);overflow-y:auto} +#win10_command_center .command-body .command-body-calendar{margin:15px 0} +#win10_command_center .command-body .command-body-calendar .command-body-calendar-date{padding:0 33px;color:#585858} +#win10_command_center .command-body .command-body-calendar .normal-date{font-size:30px} +#win10_command_center .command-body .notice{width:100%;margin:5px 0} +#win10_command_center .command-body .notice .notice-header{background-color:rgba(255,255,255,.8);height:25px;border-radius:5px 5px 0 0;line-height:25px} +#win10_command_center .command-body .notice-header-icon{margin:2px 5px;vertical-align:middle} +#win10_command_center .command-body .notice-header-icon>img{width:15px;height:15px} +#win10_command_center .command-body .notice-header-title{font-size:10px;margin:0 5px;vertical-align:middle} +#win10_command_center .command-body .notice .notice-body{background-color:rgba(255,255,255,.6);border-radius:0 0 5px 5px} +#win10_command_center .command-body .notice .weather-item{height:50px} +#win10_command_center .command-body .notice .weather-item div{display:inline-block;text-align:center} +#win10_command_center .command-body .notice .weather-city{float:left} +#win10_command_center .command-body .notice .weather-city .weather-city-time{display:block;font-size:10px;font-weight:400;text-align:left;margin:5px 0 2px 10px;color:#868585} +#win10_command_center .command-body .notice .weather-city .weather-city-text{font-size:15px;font-weight:400;display:block;text-align:left;margin:0 0 5px 10px} +#win10_command_center .command-body .notice .weather-type{position:absolute;right:70px} +#win10_command_center .command-body .notice .weather-type img{width:30px;margin:5px} +#win10_command_center .command-body .notice .weather-temperature{float:right;font-size:35px;font-weight:200;margin-right:10px} +#win10_command_center .command-body .notice .notice-header,.notice .notice-body{width:95%;margin:0 auto} +#win10_command_center .command-body .notice .notice-header .notice-header-icon img{width:15px;height:15px} +#win10_btn_group_right #win10_btn_command{font-size:14px} +#win10_btn_command .msgNof{position:fixed;right:0;bottom:20px;border:1px solid red;background-color:red;color:#fff;border-radius:3px} +#win10_btn_command_center_clean_all{color:#777;text-align:right;font-size:12px;float:right;margin-top:40px;margin-right:24px;transition:color .5s} +#win10_btn_command_center_clean_all:hover{cursor:pointer;color:#333} +#win10_command_center .msgs{position:absolute;top:60px;left:0;width:100%;overflow:hidden;display:none} +#win10_command_center .btn_close_msg{line-height:inherit;transition:color .5s} +#win10_command_center .msgs .msg{width:calc(100% - 20px);min-height:40px;padding:10px;transition:background-color .5s;position:relative} +#win10_command_center .msgs .msg.animated{-webkit-animation-duration:.5s;animation-duration:.5s} +#win10_command_center .command-body .notice:hover .notice-body{color:#333} +#win10_command_center .command-body .notice:hover>.notice-header .btn_close_msg{color:grey} +#win10_command_center .msgs .msg>.title{color:#777;font-size:14px;line-height:28px} +#win10_command_center .command-body .notice .notice-header>.btn_close_msg{cursor:pointer;color:transparent;margin-right:8px;font-size:15px;display:block;float:right} +#win10_command_center .msgs .msg>.btn_close_msg:hover{color:#fff} +#win10_command_center .msgs .msg>.content{font-size:12px;color:#777;padding-bottom:5px} +#win10_btn_group_middle .btn.active{background:rgba(255,255,255,.6)} +#win10_btn_group_middle .btn:hover{cursor:pointer} +.win10-open-iframe{background-color:transparent;border:#f0f6f6 solid 1px!important;-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.8);-moz-box-shadow:0 0 50px 0 rgba(0,0,0,.8);box-shadow:0 0 50px 0 rgba(0,0,0,.8);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px} +.win10-open-iframe .layui-layer-content{background-color:#fff;max-height:calc(100% - 24px)} +.win10-open-iframe .layui-layer-title{box-sizing:border-box;background:rgba(250,250,250,.9);padding-left:120px;border-radius:4px 4px 0 0;color:#333;text-align:center} +.win10-open-iframe.hide{display:none} +.win10-btn_refresh{float:right} +#win10 .img-loader{display:none} +.win10-open-iframe .layui-layer-min cite{display:none} +.win10-open-iframe .layui-layer-max:hover{background-image:none} +.layui-layer-maxmin,.win10-open-iframe .layui-layer-max{background:0 0} +.win10-open-iframe .layui-layer-setwin a.layui-layer-close1:hover::before{content:"\f057";color:#ff6057;font:normal normal normal 16px/1 FontAwesome} +.win10-open-iframe .layui-layer-min::before{content:"\f111";color:#28ca40;font:normal normal normal 16px/1 FontAwesome} +.win10-open-iframe .layui-layer-min:hover::before{content:"\f056";color:#28ca40;font:normal normal normal 16px/1 FontAwesome} +.win10-open-iframe .layui-layer-max::before{content:"\f111";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome} +.win10-open-iframe .layui-layer-max:hover::before{content:"\f055";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome} +.win10-open-iframe .layui-layer-maxmin.layui-layer-max::before{content:"\f111";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome} +.win10-open-iframe .layui-layer-maxmin.layui-layer-max:hover::before{content:"\f055";color:#ffbd2e;font:normal normal normal 16px/1 FontAwesome} +.win10-open-iframe .layui-layer-close::before{content:"\f111";color:#ff6057;font:normal normal normal 16px/1 FontAwesome} +.layui-layer-close,.layui-layer-max,.win10-open-iframe .layui-layer-min{text-decoration:none} +.win10-btn-change-url,.win10-btn-change-url:hover,.win10-btn-refresh,.win10-btn-refresh:hover{text-decoration:none} +.win10-btn-change-url::before,.win10-open-iframe .win10-btn-refresh::before{content:"\f111";color:#029fff;font:normal normal normal 16px/1 FontAwesome} +.win10-btn-change-url:hover::before,.win10-open-iframe .win10-btn-refresh:hover::before{content:"\f192";color:#029fff;font:normal normal normal 16px/1 FontAwesome} +#win10 .win10-context-menu{left:0;top:0;position:fixed;width:150px;height:auto;background-color:rgba(255,255,255,.75);border:#ccc 1px solid;display:block;border-radius:5px;z-index:99999999} +#win10 .win10-context-menu ul{margin:0;padding:0} +#win10 .win10-context-menu ul li{transition:background-color .5s;cursor:default;padding:0 1em;list-style:none;line-height:30px;height:30px;margin:3px 0;font-size:13px} +#win10 .win10-context-menu ul li:hover{background-color:rgba(49,156,241,.71);cursor:pointer} +#win10 .win10-context-menu ul li a{text-decoration:none;display:block;height:100%;color:#333;outline:0} +#win10 .win10-context-menu ul hr{margin:0;height:0;border:0;border-bottom:rgba(233,233,233) 1px solid;border-top:none} +.win10-open-iframe .layui-layer-ico{background-image:none} +.win10-open-iframe .layui-layer-setwin{position:absolute;left:0;top:0;font-size:0;height:30px;line-height:30px} +.win10-open-iframe .layui-layer-setwin a{position:relative;width:30px;height:30px;font-size:13px;text-align:center;overflow:hidden;margin:0} +.win10-open-iframe .layui-layer-title{line-height:30px;height:30px} +#win10_btn_group_middle .btn_title .icon,.win10-open-iframe .layui-layer-title .icon{font-size:15px;padding:1px;width:20px;height:20px;line-height:20px;display:inline-block;border-radius:3px;text-align:center} +#win10_btn_group_middle .btn_title img.icon,.win10-open-iframe .layui-layer-title img.icon{width:20px;position:relative} +.win10-open-iframe .layui-layer-title img.icon{top:5px} +#win10-menu>.list>.item img.icon,#win10-menu>.list>.sub-item img.icon{width:36px;height:36px;position:relative;top:2px} +#win10-desktop-scene{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;background-color:transparent} +#footer{height:60px;width:100%;position:fixed;bottom:0;text-align:center;z-index:100} +#footer .dock{height:100%;line-height:60px;display:inline-block;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.45);-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.8);-moz-box-shadow:0 0 50px 0 rgba(0,0,0,.8);box-shadow:0 0 50px 0 rgba(0,0,0,.8);z-index:100} +@media \0screen\,screen\9{#footer .dock{height:100%;line-height:60px;background-color:#fff;display:inline-block;border-radius:5px;filter:Alpha(opacity=.45);position:static} +.demo ul{position:relative} +} +#footer .dock ul{display:inline-block} +#footer .dock img{z-index:222;width:50px;height:50px} +#footer .dock ul li{float:left;width:60px;margin:5px auto;outline:0;cursor:pointer} +#footer .dock ul li:focus{-webkit-animation:bounce 1s;animation:bounce 1s} +#footer .dock .dock-tips{color:#333;font-size:.5em;font-weight:700;border-radius:5px;background:rgba(255,255,255,.5);height:20px;line-height:20px;display:none;padding:0 5px;margin-top:-35px;margin-bottom:15px;flex-direction:column;align-items:center} +#footer .dock .dock-tips .arrow{opacity:.5;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(255,255,255,.5);border-bottom:5px solid transparent;width:0;height:0} +#win10 .black-green,.win10-open-iframe .black-green{background:#009688!important} +#win10 .green,.win10-open-iframe .green{background:#5fb878!important} +#win10 .black,.win10-open-iframe .black{background:#393d49!important} +#win10 .blue,.win10-open-iframe .blue{background:#1e9fff!important} +#win10 .orange,.win10-open-iframe .orange{background:#f7b824!important} +#win10 .red,.win10-open-iframe .red{background:#ff5722!important} +#win10 .dark,.win10-open-iframe .dark{background:#2f4056!important} +#win10 .purple,.win10-open-iframe .purple{background:#b074e6!important} +@media screen and (max-width:767px){#win10-menu{width:100%;top:24px;left:0;height:calc(100% - 25px);border-radius:0 0 2px 2px} +#win10-menu.hidden{top:calc(-100% + 25px)} +#win10_command_center{top:24px;width:100%} +#win10_command_center.hidden_right{right:-100%} +.layui-layer-setwin .layui-layer-max{display:none} +#win10_btn_group_left .btn{height:100%;width:40px;overflow:hidden;font-size:16px} +#win10_btn_group_right .btn{height:100%;min-width:4px;padding:0 10px;font-size:16px!important} +#win10_btn_show_desktop{border-left:grey 1px solid;width:15px;margin-left:3px;padding:0!important} +#win10_btn_group_left{max-width:100px} +#win10_btn_group_middle{width:calc(100% - 160px)} +#win10_btn_group_middle .btn{padding:0 3px} +#win10_btn_group_right{max-width:150px} +#win10-menu .list{position:absolute;width:100%;left:0;top:0} +#win10-menu .menu_group{width:90%;float:none;margin:0 auto;clear:both} +#win10-menu .list .item,.sub-item{width:calc(100% - 20px)} +#win10_btn_time{display:none} +#win10-menu-switcher{display:none} +#win10-menu>.win10-menu-hidden{display:block} +#win10_btn_group_middle .btn_close{display:none} +.win10-open-iframe .layui-layer-setwin a{width:32px} +#footer{bottom:10px} +} +@media (min-width:768px) and (max-width:1024px){#footer{bottom:10px} +#footer .dock{border-radius:8px} +} +@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){#footer{bottom:6px} +#footer .dock{border-radius:6px} +} +@media (min-width:481px) and (max-width:767px){#footer{bottom:6px} +#footer .dock{border-radius:6px;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.8);-moz-box-shadow:0 0 0 0 rgba(0,0,0,.8);box-shadow:0 0 0 0 rgba(0,0,0,.8)} +} +@media screen and (max-width:480px){#footer{bottom:0} +#footer .dock{width:100%;border-radius:0;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.8);-moz-box-shadow:0 0 0 0 rgba(0,0,0,.8);box-shadow:0 0 0 0 rgba(0,0,0,.8)} +#win10-menu .list .item,.sub-item{width:calc(100% - 20px)} +} +@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0) translateX(.1px);transform:translateY(0) translateX(.1px)} +25%{-webkit-transform:translateY(-40px) translateX(.1px);transform:translateY(-40px) translateX(.1px)} +50%{-webkit-transform:translateY(0) translateX(.1px);transform:translateY(0) translateX(.1px)} +75%{-webkit-transform:translateY(-20px) translateX(.1px);transform:translateY(-20px) translateX(.1px)} +100%{-webkit-transform:translateY(0) translateX(.1px);transform:translateY(0) translateX(.1px)} +} +@keyframes bounce{0%{-webkit-transform:translateY(0) translateX(.1px);transform:translateY(0) translateX(.1px)} +25%{-webkit-transform:translateY(-40px) translateX(.1px);transform:translateY(-40px) translateX(.1px)} +50%{-webkit-transform:translateY(0) translateX(.1px);transform:translateY(0) translateX(.1px)} +75%{-webkit-transform:translateY(-20px) translateX(.1px);transform:translateY(-20px) translateX(.1px)} +100%{-webkit-transform:translateY(0) translateX(.1px);transform:translateY(0) translateX(.1px)} +} diff --git a/js/mac.js b/js/mac.js index 2487756..3c48464 100644 --- a/js/mac.js +++ b/js/mac.js @@ -756,7 +756,7 @@ window.Win10 = { '天气'+ '' + '
' + - ''+ + ''+ '
'; } $("#win10_command_center .command-body.today").html(today).addClass('active'); @@ -858,7 +858,7 @@ window.Win10 = { } }); layer.tips(Win10.lang('新消息:','New message:')+title, '#win10_btn_command', { - tips: [1, '#3c6a4a'], + tips: [1, 'rgba(0, 0, 0, 0.7)'], time: 3000 }); if($("#win10_command_center").hasClass('hidden_right')){ diff --git a/js/mac.min.js b/js/mac.min.js index d966d17..3d6d389 100644 --- a/js/mac.min.js +++ b/js/mac.min.js @@ -1,5 +1,7 @@ + window.Win10={_version:'v1.1.2.4',_debug:true,_bgs:{main:'',mobile:'',},_wallpaperBlur:true,_countTask:0,_newMsgCount:0,_animated_classes:[],_animated_liveness:0,_switchMenuTooHurry:false,_lang:'unknown',_iframeOnClick:{resolution:200,iframes:[],interval:null,Iframe:function(){this.element=arguments[0];this.cb=arguments[1];this.hasTracked=false;},track:function(element,cb){this.iframes.push(new this.Iframe(element,cb));if(!this.interval){var _this=this;this.interval=setInterval(function(){_this.checkClick();},this.resolution);}},checkClick:function(){if(document.activeElement){var activeElement=document.activeElement;for(var i in this.iframes){var eid=undefined;if((eid=this.iframes[i].element.id)&&!document.getElementById(eid)){delete this.iframes[i];continue;} -if(activeElement===this.iframes[i].element){if(this.iframes[i].hasTracked===false){this.iframes[i].cb.apply(window,[]);this.iframes[i].hasTracked=true;}}else{this.iframes[i].hasTracked=false;}}}}},_iframe_click_lock_children:{},_handleReady:[],_hideShortcut:function(){var that=$("#win10 #win10-shortcuts .shortcut");that.removeClass('animated flipInX');that.addClass('animated flipOutX');},_showShortcut:function(){var that=$("#win10 #win10-shortcuts .shortcut");that.removeClass('animated flipOutX');that.addClass('animated flipInX');},_checkBgUrls:function(){var loaders=$('#win10>.img-loader');var flag=false;if(Win10.isSmallScreen()){if(Win10._bgs.mobile){loaders.each(function(){var loader=$(this);if(loader.attr('src')===Win10._bgs.mobile&&loader.hasClass('loaded')){Win10._setBackgroundImg(Win10._bgs.mobile);flag=true;}});if(!flag){var img=$('');$('#win10').append(img);Win10._onImgComplete(img[0],function(){img.addClass('loaded');Win10._setBackgroundImg(Win10._bgs.mobile);})}}}else{if(Win10._bgs.main){loaders.each(function(){var loader=$(this);if(loader.attr('src')===Win10._bgs.main&&loader.hasClass('loaded')){Win10._setBackgroundImg(Win10._bgs.main);flag=true;}});if(!flag){var img=$('');$('#win10').append(img);Win10._onImgComplete(img[0],function(){img.addClass('loaded');Win10._setBackgroundImg(Win10._bgs.main);})}}} +if(activeElement===this.iframes[i].element){if(this.iframes[i].hasTracked===false){this.iframes[i].cb.apply(window,[]);this.iframes[i].hasTracked=true;}}else{this.iframes[i].hasTracked=false;}}}}},_iframe_click_lock_children:{},_renderBar:function(){if(this._countTask<=0){return;} +var btns=$("#win10_btn_group_middle>.btn");btns.css('width',('calc('+(1/this._countTask*100)+'% - 1px )'))},_handleReady:[],_hideShortcut:function(){var that=$("#win10 #win10-shortcuts .shortcut");that.removeClass('animated flipInX');that.addClass('animated flipOutX');},_showShortcut:function(){var that=$("#win10 #win10-shortcuts .shortcut");that.removeClass('animated flipOutX');that.addClass('animated flipInX');},_checkBgUrls:function(){var loaders=$('#win10>.img-loader');var flag=false;if(Win10.isSmallScreen()){if(Win10._bgs.mobile){loaders.each(function(){var loader=$(this);if(loader.attr('src')===Win10._bgs.mobile&&loader.hasClass('loaded')){Win10._setBackgroundImg(Win10._bgs.mobile);flag=true;}});if(!flag){var img=$('');$('#win10').append(img);Win10._onImgComplete(img[0],function(){img.addClass('loaded');Win10._setBackgroundImg(Win10._bgs.mobile);})}}}else{if(Win10._bgs.main){loaders.each(function(){var loader=$(this);if(loader.attr('src')===Win10._bgs.main&&loader.hasClass('loaded')){Win10._setBackgroundImg(Win10._bgs.main);flag=true;}});if(!flag){var img=$('');$('#win10').append(img);Win10._onImgComplete(img[0],function(){img.addClass('loaded');Win10._setBackgroundImg(Win10._bgs.main);})}}} if(Win10._wallpaperBlur){$('.background').addClass('blur');}},_startAnimate:function(){setInterval(function(){var classes_lenth=Win10._animated_classes.length;var animated_liveness=Win10._animated_liveness;if(animated_liveness===0||classes_lenth===0||!$("#win10-menu").hasClass('opened')){return;} $('#win10-menu>.blocks>.menu_group>.block').each(function(){if(!$(this).hasClass('onAnimate')&&Math.random()<=animated_liveness){var that=$(this);var class_animate=Win10._animated_classes[Math.floor((Math.random()*classes_lenth))];that.addClass('onAnimate');setTimeout(function(){that.addClass(class_animate);setTimeout(function(){that.removeClass('onAnimate');that.removeClass(class_animate);},3000);},Math.random()*2*1000)}})},1000);},_onImgComplete:function(img,callback){if(!img){return;} var timer=setInterval(function(){if(img.complete){callback(img);clearInterval(timer);}},50)},_setBackgroundImg:function(img){$('#win10 .background').css('background-image','url('+img+')')},_settop:function(layero){if(!isNaN(layero)){layero=this.getLayeroByIndex(layero);} @@ -81,10 +83,10 @@ else if(hour<19){hours='傍晚'+(hour-12);} else if(hour<22){hours='晚上'+(hour-12);} else{hours='深夜'+(hour-12)} return hours;} -var viewdate={};var date=new Date();viewdate.second=date.getSeconds();;viewdate.minute=get_min(date);viewdate.hour=get_hour(date);viewdate.day=date.getDate();viewdate.week=get_week(date);viewdate.weekDay=get_weekday(date);viewdate.month=date.getMonth()+1;viewdate.fullYear=date.getFullYear();viewdate.year=date.getYear();var lunar_obj=new lunar(date);viewdate.lunarmonth=get_lunarmonth(lunar_obj.month);var lunar_day=Math.floor(lunar_obj.day);viewdate.lunarday=get_lunarday(lunar_day);viewdate.lunar=lunar_obj.year+"-"+lunar_obj.month+"-"+lunar_day;viewdate.ganzhi=get_ganzhi(lunar_obj.year);viewdate.animal=get_animal(lunar_obj.year);return viewdate;},renderCommand:function(today=null){var active=$("#win10_command_center .command-body.today").hasClass('active');if(!active){if(!today){var lunarDate=Win10.getLunarObj();var today='
'+'
'+lunarDate.month+'月'+lunarDate.day+'日 '+lunarDate.week+'
'+'
'+lunarDate.ganzhi+'年'+lunarDate.lunarmonth+lunarDate.lunarday+'
'+'
';today+='
'+'
'+''+'天气'+'
'+'
'+''+'
';} +var viewdate={};var date=new Date();viewdate.second=date.getSeconds();;viewdate.minute=get_min(date);viewdate.hour=get_hour(date);viewdate.day=date.getDate();viewdate.week=get_week(date);viewdate.weekDay=get_weekday(date);viewdate.month=date.getMonth()+1;viewdate.fullYear=date.getFullYear();viewdate.year=date.getYear();var lunar_obj=new lunar(date);viewdate.lunarmonth=get_lunarmonth(lunar_obj.month);var lunar_day=Math.floor(lunar_obj.day);viewdate.lunarday=get_lunarday(lunar_day);viewdate.lunar=lunar_obj.year+"-"+lunar_obj.month+"-"+lunar_day;viewdate.ganzhi=get_ganzhi(lunar_obj.year);viewdate.animal=get_animal(lunar_obj.year);return viewdate;},renderCommand:function(today=null){var active=$("#win10_command_center .command-body.today").hasClass('active');if(!active){if(!today){var lunarDate=Win10.getLunarObj();var today='
'+'
'+lunarDate.month+'月'+lunarDate.day+'日 '+lunarDate.week+'
'+'
'+lunarDate.ganzhi+'年'+lunarDate.lunarmonth+lunarDate.lunarday+'
'+'
';today+='
'+'
'+''+'天气'+'
'+'
'+''+'
';} $("#win10_command_center .command-body.today").html(today).addClass('active');}},menuOpen:function(){$("#win10-menu").addClass('opened');$("#win10-menu").removeClass('hidden');$(".win10-open-iframe").addClass('hide');},menuToggle:function(){if(!$("#win10-menu").hasClass('opened')){this.menuOpen();}else{this.menuClose();}},commandCenterClose:function(){$("#win10_command_center").addClass('hidden_right');this._showShortcut();$(".win10-open-iframe").removeClass('hide');},commandCenterOpen:function(){$("#win10_command_center").removeClass('hidden_right');$(".win10-open-iframe").addClass('hide');$("#win10-msg-nof").removeClass('on-new-msg fa-commenting-o');},renderShortcuts:function(){var h=parseInt(($("#win10 #win10-shortcuts")[0].offsetHeight-85)/100);var x=0,y=0;$("#win10 #win10-shortcuts .shortcut").each(function(){$(this).css({left:x*82+10,top:y*100+10,});y++;if(y>=h){y=0;x++;}});},renderDocks:function(){var cell_width=60;var width=document.body.clientWidth;var docks=$("#footer .dock li");var max_num=parseInt(width/cell_width)-1;for(var i=0;imax_num){docks.eq(i).css('display','none');}else{docks.eq(i).css('display','list-item');}} if(width>768){$("#footer .dock li a img").hover(function(){$(this).parent('a').prev().css('display','flex');},function(){$(this).parent('a').prev().css('display','none');});}else{$("#footer .dock li a img").hover(function(){$(this).parent('a').prev().css('display','none');});}},commandCenterToggle:function(){if($("#win10_command_center").hasClass('hidden_right')){this.commandCenterOpen();}else{this.commandCenterClose();}},newMsg:function(title,content,handle_click,app_name='提示消息',app_icon='',is_del=true){var msg='
'+'
'+''+app_icon+''+''+app_name+'';if(is_del){msg+='';} -msg+='
'+'
'+'
'+'
'+title+'
'+'
'+content+'
'+'
';var e=$(msg);$("#win10_command_center .msgs").prepend(e);e.find('.content:first,.title:first').click(function(){if(handle_click){handle_click(e);}});layer.tips(Win10.lang('新消息:','New message:')+title,'#win10_btn_command',{tips:[1,'#3c6a4a'],time:3000});if($("#win10_command_center").hasClass('hidden_right')){$("#win10-msg-nof").addClass('on-new-msg');}},getLayeroByIndex:function(index){return $('#'+'layui-layer'+index)},isSmallScreen:function(size){if(!size){size=768} +msg+=''+'
'+'
'+'
'+title+'
'+'
'+content+'
'+'
';var e=$(msg);$("#win10_command_center .msgs").prepend(e);e.find('.content:first,.title:first').click(function(){if(handle_click){handle_click(e);}});layer.tips(Win10.lang('新消息:','New message:')+title,'#win10_btn_command',{tips:[1,'rgba(0, 0, 0, 0.7)'],time:3000});if($("#win10_command_center").hasClass('hidden_right')){$("#win10-msg-nof").addClass('on-new-msg');}},getLayeroByIndex:function(index){return $('#'+'layui-layer'+index)},isSmallScreen:function(size){if(!size){size=768} var width=document.body.clientWidth;return width