yuri2peter / win10-ui Goto Github PK
View Code? Open in Web Editor NEWWin10风格的UI框架。Windows10 style UI framework.
License: Other
Win10风格的UI框架。Windows10 style UI framework.
License: Other
显示是整个画面直接跟随移动,
在外面包装一层虚框,拖拽只移动虚框,放下的时候移动画面,应该会更流程一些.
iframe参数可不可以提供类似security="restricted" sandbox="allow-scripts allow-same-origin allow-popups"的可选参数,比如访问https://wx.qq.com/和http://hgkbk.bjeea.cn/网页,会导致重定向到对应网址而不是iframe,当前demo就可以提示是否离开网站,但是,比如微信,时不时就弹出来影响体验{https://wx.qq.com/},比如一些重定向就失效{http://hgkbk.bjeea.cn/有时候加入沙箱选项后发生这类问题}或者不加载的网址{比如谷歌(不是指被墙,就是不加载)}。能不能解决一下。src参数能不能一开始就支持file:///省得每次删http://协议。
It's an amazing project! To make it better, here I sincerely provide some tips:
Markdown
and LaTeX
rendering support;layui 2.8.0 后,layer 弹出层的图片背景,完全采用css来设定了。所以混乱了。什么时候更新一下啊。。我菜鸟不知道如何更新。
请教一下,集成过程中出现的问题:不能识别win10,
_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.css('zIndex',999);**
that.addClass('onAnimate');
setTimeout(function () {
that.addClass(class_animate);
setTimeout(function () {
that.removeClass('onAnimate');
that.removeClass(class_animate);
**# that.css('zIndex',1);**
},3000);
},Math.random()*100)
}
})
},100);
},
已经打开的菜单再次打开时应该弹出之前打开的,而不是新打开一个tab,作者可以考虑修改下;
识别移动端,移动端以win10平板模式进行布局和展示。
支持以下,非常屌!
尝试写了下关闭回调的功能,作者若不嫌弃,可参考,代码如下
$.extend(Win10, {
exit: function (params) {
var opts = {
msg_zh: '确定要关闭本页面吗?',
msg_en: 'Are you sure you want to close this page?',
callback: function(index){
window.location.href="about:blank";
window.close();
layer.close(index);
layer.alert(Win10.lang('哎呀,好像失败了呢。','Ops...There seems to be a little problem.'), {
skin: 'layui-layer-lan'
,closeBtn: 0
});
}
};
if (params){
if (typeof(params)=='function'){
opts.callback = params;
}else{
opts = $.extend(opts, params);
}
}
layer.confirm(Win10.lang(opts.msg_zh, opts.msg_en), {icon: 3, title:Win10.lang('提示','Prompt')}, function(index){
document.body.onbeforeunload = function(){};
opts.callback(index);
});
}
})
调用方法:
<div class="item"
onclick="Win10.exit(function(index){
window.location.href = 'login.html';
})">
<i class="black icon fa fa-power-off fa-fw"></i><span class="title">关闭</span>
</div>
或
<div class="item"
onclick="Win10.exit({callback: function(index){
window.location.href = 'login.html';
}})">
<i class="black icon fa fa-power-off fa-fw"></i><span class="title">关闭</span>
</div>
或
<div class="item"
onclick="Win10.exit()">
<i class="black icon fa fa-power-off fa-fw"></i><span class="title">关闭</span>
</div>
支持以下,非常屌!
建议增加文件夹功能和多桌面功能
如题。。。
['<i class="fa fa-fw fa-info-circle"></i> '+Win10.lang('刷新','Refresh'),function () { location.reload() }],
加一行刷新它不香吗?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.