mirror of https://github.com/1099438829/macUI.git
通知生成
This commit is contained in:
parent
3322c0a081
commit
c8adbc219c
26
demo.html
26
demo.html
|
|
@ -112,7 +112,6 @@
|
|||
<div class="sub-item" onclick="Win10.openUrl('win10ui.yuri2.cn/src/tools/builder-tile.html','磁贴代码生成器')">磁贴代码生成器</div>
|
||||
<div class="sub-item" onclick="Win10.openUrl('win10ui.yuri2.cn/src/tools/builder-menu.html','菜单代码生成器')">菜单代码生成器</div>
|
||||
<div class="item" onclick="Win10.aboutUs()"><i class="icon fa fa-star fa-fw"></i>关于</div>
|
||||
|
||||
<div class="item" onclick=" Win10.exit();"><i class="icon fa fa-power-off fa-fw"></i>关闭</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -121,30 +120,7 @@
|
|||
<div class="tab-today active">今天</div>
|
||||
<div class="tab-msg">通知</div>
|
||||
</div>
|
||||
<div class="command-body today">
|
||||
<div class="command-body-calendar">
|
||||
<div class="command-body-calendar-date normal-date">1月6日 星期日</div>
|
||||
<div class="command-body-calendar-date lunar-date">戊戌年十二月初一</div>
|
||||
</div>
|
||||
<div class="notice">
|
||||
<div class="notice-header">
|
||||
<span class="notice-header-icon"><img src="./img/icon/weather.png" class="notice-header-icon-img" /></span>
|
||||
<span class="notice-header-title">天气 </span>
|
||||
</div>
|
||||
<div class="notice-body">
|
||||
<div class="weather-item">
|
||||
<div class="weather-city">
|
||||
<span class="weather-city-time">下午3:54</span>
|
||||
<span class="weather-city-text">广州市</span>
|
||||
</div>
|
||||
<div class="weather-type">
|
||||
<img src="http://yun.rili.cn/wnl/img/cloud.png" alt="多云" />
|
||||
</div>
|
||||
<div class="weather-temperature">17</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="command-body today" win-render="none"></div>
|
||||
<!-- <span id="win10_btn_command_center_clean_all">全部清除</span> -->
|
||||
<div class="command-body msgs"></div>
|
||||
</div>
|
||||
|
|
|
|||
25
index.html
25
index.html
|
|
@ -75,30 +75,7 @@
|
|||
<div class="tab-today active">今天</div>
|
||||
<div class="tab-msg">通知</div>
|
||||
</div>
|
||||
<div class="command-body today">
|
||||
<div class="command-body-calendar">
|
||||
<div class="command-body-calendar-date normal-date">1月6日 星期日</div>
|
||||
<div class="command-body-calendar-date lunar-date">戊戌年十二月初一</div>
|
||||
</div>
|
||||
<div class="notice">
|
||||
<div class="notice-header">
|
||||
<span class="notice-header-icon"><img src="./img/icon/weather.png" class="notice-header-icon-img" /></span>
|
||||
<span class="notice-header-title">天气 </span>
|
||||
</div>
|
||||
<div class="notice-body">
|
||||
<div class="weather-item">
|
||||
<div class="weather-city">
|
||||
<span class="weather-city-time">下午3:54</span>
|
||||
<span class="weather-city-text">广州市</span>
|
||||
</div>
|
||||
<div class="weather-type">
|
||||
<img src="http://yun.rili.cn/wnl/img/cloud.png" alt="多云" />
|
||||
</div>
|
||||
<div class="weather-temperature">17</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="command-body today"></div>
|
||||
<!-- <span id="win10_btn_command_center_clean_all">全部清除</span> -->
|
||||
<div class="command-body msgs"></div>
|
||||
</div>
|
||||
|
|
|
|||
73
js/mac.js
73
js/mac.js
|
|
@ -288,6 +288,7 @@ window.Win10 = {
|
|||
Win10.menuToggle();
|
||||
});
|
||||
$("#win10_btn_command").click(function () {
|
||||
Win10.renderCommand();
|
||||
Win10.menuClose();
|
||||
Win10.commandCenterToggle();
|
||||
});
|
||||
|
|
@ -302,26 +303,20 @@ window.Win10 = {
|
|||
msg.remove()
|
||||
}, 500)
|
||||
});
|
||||
|
||||
//消息界面切换
|
||||
$('#win10_command_center').on('click',".command-header .tab-today", function () {
|
||||
$('#win10_command_center').on('click',".command-header div", function () {
|
||||
if (!$(this).hasClass('active')) {
|
||||
$('#win10_command_center .command-body.msgs').hide();
|
||||
$('#win10_command_center .command-body.today').show();
|
||||
$(this).addClass('active').siblings('div').removeClass('active');
|
||||
if ($(this).hasClass('tab-today')) {
|
||||
console.log(1);
|
||||
$(this).parent().siblings('.msgs').hide().siblings('.today').show();
|
||||
$(this).addClass('active').siblings('div').removeClass('active');
|
||||
}else{
|
||||
console.log(2);
|
||||
$(this).parent().siblings('.today').hide().siblings('.msgs').show();
|
||||
$(this).addClass('active').siblings('div').removeClass('active');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//消息界面切换
|
||||
$('#win10_command_center').on('click',".command-header .tab-msg", function () {
|
||||
if (!$(this).hasClass('active')) {
|
||||
$('#win10_command_center .command-body.today').hide();
|
||||
$('#win10_command_center .command-body.msgs').show();
|
||||
$(this).addClass('active').siblings('div').removeClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$('#win10_btn_command_center_clean_all').click(function () {
|
||||
var msgs=$('#win10_command_center .msg');
|
||||
msgs.addClass('animated slideOutRight');
|
||||
|
|
@ -442,6 +437,8 @@ window.Win10 = {
|
|||
else {hours='深夜'+(hour-12)}
|
||||
$("#win10_btn_time").html(week+hours+':'+mins);
|
||||
},1000);
|
||||
|
||||
|
||||
//离开前警告
|
||||
document.body.onbeforeunload = function(event){
|
||||
var rel = Win10.lang( '系统可能不会保存您所做的更改','The system may not save the changes you have made.');
|
||||
|
|
@ -576,12 +573,56 @@ window.Win10 = {
|
|||
this._bgs=bgs;
|
||||
this._checkBgUrls();
|
||||
},
|
||||
setBgUrl:function (bgs) {
|
||||
this._bgs=bgs;
|
||||
this._checkBgUrls();
|
||||
},
|
||||
menuClose: function () {
|
||||
$("#win10-menu").removeClass('opened');
|
||||
$("#win10-menu").addClass('hidden');
|
||||
this._showShortcut();
|
||||
$(".win10-open-iframe").removeClass('hide');
|
||||
},
|
||||
//消息中心渲染
|
||||
renderCommand:function (today=null) {
|
||||
var active = $("#win10_command_center .command-body.today").hasClass('active');
|
||||
if (!active) {
|
||||
if (!today) {
|
||||
var myDate = new Date();
|
||||
var week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[myDate.getDay()];
|
||||
var hour=myDate.getHours();
|
||||
var mins=myDate.getMinutes();if (mins<10){mins='0'+mins}
|
||||
if(hour < 6){hours='凌晨'+hour;}
|
||||
else if (hour < 9){hours='早上'+hour;}
|
||||
else if (hour < 12){hours='上午'+hour;}
|
||||
else if (hour < 14){hours='中午'+(hour-12);}
|
||||
else if (hour < 17){hours='下午'+(hour-12);}
|
||||
else if (hour < 19){hours='傍晚'+(hour-12);}
|
||||
else if (hour < 22){hours='晚上'+(hour-12);}
|
||||
else {hours='深夜'+(hour-12)}
|
||||
|
||||
today = '<div class="command-body-calendar">' +
|
||||
'<div class="command-body-calendar-date normal-date">'+(myDate.getMonth()+1)+'月'+myDate.getDay()+'日 '+week+'</div>' +
|
||||
'<div class="command-body-calendar-date lunar-date">'+''+'</div>' +
|
||||
'</div>' +
|
||||
'<div class="notice">' +
|
||||
'<div class="notice-header">' +
|
||||
'<span class="notice-header-icon"><img src="./img/icon/weather.png" class="notice-header-icon-img" /></span>' +
|
||||
'<span class="notice-header-title">天气</span>'+
|
||||
'</div>' +
|
||||
'<div class="notice-body">' +
|
||||
'<div class="weather-item">' +
|
||||
'<div class="weather-city">' +
|
||||
'<span class="weather-city-time">'+hours+':'+mins+'</span>'+
|
||||
'<span class="weather-city-text">广州市</span>' +
|
||||
'</div>' +
|
||||
'<div class="weather-type"><img src="http://yun.rili.cn/wnl/img/cloud.png" alt="多云" /></div>' +
|
||||
'<div class="weather-temperature">17</div>' +
|
||||
'</div></div></div>';
|
||||
}
|
||||
$("#win10_command_center .command-body.today").html(today).addClass('active');
|
||||
}
|
||||
},
|
||||
menuOpen: function () {
|
||||
$("#win10-menu").addClass('opened');
|
||||
$("#win10-menu").removeClass('hidden');
|
||||
|
|
|
|||
Loading…
Reference in New Issue