mirror of
https://github.com/tjy-gitnub/win12.git
synced 2026-08-30 17:49:08 +08:00
功能优化
优化计算器、断网页面（深色模式）、以及一些细节
This commit is contained in:
lh11117
@@ -0,0 +1,165 @@
|
||||
var num1 = 0, num2 = 0;
|
||||
var c = 0;
|
||||
|
||||
function get_num(id) {
|
||||
return Number(document.getElementById(id).value);
|
||||
}
|
||||
|
||||
|
||||
function on_click_number_key(key, id) {
|
||||
//key:按下的数字键，int
|
||||
//id:显示区的id
|
||||
if (document.getElementById(id).value == "0") {
|
||||
document.getElementById(id).value = ""
|
||||
}
|
||||
document.getElementById(id).value += key;
|
||||
}
|
||||
|
||||
function on_click_fun_key(key, id) {
|
||||
//key:按下的功能键，int,加1，减2，乘3，除4
|
||||
num1 = Number(document.getElementById(id).value);
|
||||
c = key;
|
||||
document.getElementById(id).value = "0"
|
||||
}
|
||||
|
||||
function on_click_point(id) {
|
||||
if (document.getElementById(id).value == "") {
|
||||
document.getElementById(id).value = "0"
|
||||
}
|
||||
if (!(document.getElementById(id).value.includes('.'))) {
|
||||
document.getElementById(id).value += "."
|
||||
}
|
||||
}
|
||||
|
||||
function kernel_Square(id) {
|
||||
document.getElementById(id).value = Math.pow(get_num(id), 2)
|
||||
}
|
||||
|
||||
function kernel_SquareRoot(id) {
|
||||
document.getElementById(id).value = Math.sqrt(get_num(id))
|
||||
}
|
||||
|
||||
function backspace(id) {
|
||||
if (document.getElementById(id).value.length > 0) {
|
||||
document.getElementById(id).value = document.getElementById(id).value.substring(0, document.getElementById(id).value.length - 1)
|
||||
}
|
||||
if (document.getElementById(id).value == "") {
|
||||
document.getElementById(id).value = "0"
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function clear_num(id) {
|
||||
document.getElementById(id).value = "0"
|
||||
num1 = 0, num2 = 0, c = 0;
|
||||
}
|
||||
|
||||
function on_click_eq(id) {
|
||||
if (c == 0) {
|
||||
return true;
|
||||
}
|
||||
num2 = Number(document.getElementById(id).value);
|
||||
var num = _calc(num1, num2, c);
|
||||
if (num != null) {
|
||||
document.getElementById(id).value = num.toString()
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function accAdd(arg1, arg2) {
|
||||
var r1, r2, m, c;
|
||||
try {
|
||||
r1 = arg1.toString().split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
r1 = 0;
|
||||
}
|
||||
try {
|
||||
r2 = arg2.toString().split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
r2 = 0;
|
||||
}
|
||||
c = Math.abs(r1 - r2);
|
||||
m = Math.pow(10, Math.max(r1, r2));
|
||||
if (c > 0) {
|
||||
var cm = Math.pow(10, c);
|
||||
if (r1 > r2) {
|
||||
arg1 = Number(arg1.toString().replace(".", ""));
|
||||
arg2 = Number(arg2.toString().replace(".", "")) * cm;
|
||||
} else {
|
||||
arg1 = Number(arg1.toString().replace(".", "")) * cm;
|
||||
arg2 = Number(arg2.toString().replace(".", ""));
|
||||
}
|
||||
} else {
|
||||
arg1 = Number(arg1.toString().replace(".", ""));
|
||||
arg2 = Number(arg2.toString().replace(".", ""));
|
||||
}
|
||||
return (arg1 + arg2) / m;
|
||||
}
|
||||
function accSub(arg1, arg2) {
|
||||
var r1, r2, m, n;
|
||||
try {
|
||||
r1 = arg1.toString().split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
r1 = 0;
|
||||
}
|
||||
try {
|
||||
r2 = arg2.toString().split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
r2 = 0;
|
||||
}
|
||||
m = Math.pow(10, Math.max(r1, r2)); //last modify by deeka //动态控制精度长度
|
||||
n = (r1 >= r2) ? r1 : r2;
|
||||
return ((arg1 * m - arg2 * m) / m).toFixed(n);
|
||||
}
|
||||
function accMul(arg1, arg2) {
|
||||
var m = 0, s1 = arg1.toString(), s2 = arg2.toString();
|
||||
try {
|
||||
m += s1.split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
}
|
||||
try {
|
||||
m += s2.split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
}
|
||||
return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
|
||||
}
|
||||
|
||||
function accDiv(arg1, arg2) {
|
||||
var t1 = 0, t2 = 0, r1, r2;
|
||||
try {
|
||||
t1 = arg1.toString().split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
}
|
||||
try {
|
||||
t2 = arg2.toString().split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
}
|
||||
with (Math) {
|
||||
r1 = Number(arg1.toString().replace(".", ""));
|
||||
r2 = Number(arg2.toString().replace(".", ""));
|
||||
return (r1 / r2) * pow(10, t2 - t1);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function _calc(n1, n2, c) {
|
||||
switch (c) {
|
||||
case 1:
|
||||
return accAdd(n1, n2);
|
||||
case 2:
|
||||
return accSub(n1, n2);
|
||||
case 3:
|
||||
return accMul(n1, n2);
|
||||
case 4:
|
||||
return (n2 != 0) ? accDiv(n1, n2) : null;
|
||||
}
|
||||
}
|
||||
+47
-85
@@ -40,6 +40,7 @@
|
||||
<link rel="stylesheet" href="apps/style/login.css">
|
||||
<!-- 各个模块 -->
|
||||
<link rel="stylesheet" href="module/tab.css">
|
||||
<script src="./calculator_kernel.js"></script>
|
||||
<base target="_blank">
|
||||
|
||||
<title>Windows 12 网页版</title>
|
||||
@@ -444,51 +445,27 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<input value="0"
|
||||
onkeydown="if(event.keyCode == 13)$('*:not(.template)>*>.wg.calc>.content>.keyb>.ans').click()">
|
||||
<input value="0" onkeydown="
|
||||
if (
|
||||
event.keyCode === 8 || // 删除
|
||||
event.keyCode === 189 || // -
|
||||
event.keyCode === 187 || // +
|
||||
event.keyCode === 191 || // / ( 乘法和8共用 )
|
||||
event.keyCode === 37 || // 向左
|
||||
event.keyCode === 39 || // 向右
|
||||
event.keyCode === 190 || // .
|
||||
(48 <= event.keyCode && event.keyCode <= 57) // 数字
|
||||
) {} else {
|
||||
event.preventDefault();
|
||||
}
|
||||
// 回车计算结果
|
||||
if (event.keyCode === 13) $('*:not(.template)>*>.wg.calc>.content>.keyb>.ans').click();
|
||||
">
|
||||
<a style="grid-area: pow;" class="b"
|
||||
onclick="$('*:not(.template)>*>.wg.calc>.content>input')[0].value*=$('*:not(.template)>*>.wg.calc>.content>input').val()">𝑥²</a>
|
||||
<a style="grid-area: sqrt;" class="b"
|
||||
onclick="$('*:not(.template)>*>.wg.calc>.content>input').val(Math.sqrt($('*:not(.template)>*>.wg.calc>.content>input').val()))">√𝑥</a>
|
||||
<a style="grid-area: c;" class="b"
|
||||
onclick="$('*:not(.template)>*>.wg.calc>.content>input')[0].value='0'">C</a>
|
||||
<a style="grid-area: jia;" class="b u" onclick="widgets.calc.add('+')">+</a>
|
||||
<a style="grid-area: n7;" class="b" onclick="widgets.calc.add('7')">7</a>
|
||||
<a style="grid-area: n8;" class="b" onclick="widgets.calc.add('8')">8</a>
|
||||
<a style="grid-area: n9;" class="b" onclick="widgets.calc.add('9')">9</a>
|
||||
<a style="grid-area: jian;" class="b u" onclick="widgets.calc.add('-')">-</a>
|
||||
<a style="grid-area: n4;" class="b" onclick="widgets.calc.add('4')">4</a>
|
||||
<a style="grid-area: n5;" class="b" onclick="widgets.calc.add('5')">5</a>
|
||||
<a style="grid-area: n6;" class="b" onclick="widgets.calc.add('6')">6</a>
|
||||
<a style="grid-area: cheng;" class="b u" onclick="widgets.calc.add('×')">×</a>
|
||||
<a style="grid-area: n1;" class="b" onclick="widgets.calc.add('1')">1</a>
|
||||
<a style="grid-area: n2;" class="b" onclick="widgets.calc.add('2')">2</a>
|
||||
<a style="grid-area: n3;" class="b" onclick="widgets.calc.add('3')">3</a>
|
||||
<a style="grid-area: chu;" class="b u" onclick="widgets.calc.add('÷')">÷</a>
|
||||
<a style="grid-area: dot;" class="b" onclick="widgets.calc.add('.')">.</a>
|
||||
<a style="grid-area: n0;" class="b" onclick="widgets.calc.add('0')">0</a>
|
||||
<a style="grid-area: back;" class="b"
|
||||
onclick="if($('*:not(.template)>*>.wg.calc>.content>input').val().length > 1) { $('*:not(.template)>*>.wg.calc>.content>input').val($('*:not(.template)>*>.wg.calc>.content>input')[0].value.substring(0,$('*:not(.template)>*>.wg.calc>.content>input')[0].value.length-1)); } else { $('*:not(.template)>*>.wg.calc>.content>input').val('0') }"><i
|
||||
class="bi bi-backspace"></i></a>
|
||||
<a style="grid-area: ans;" class="b ans u"
|
||||
onclick="$('*:not(.template)>*>.wg.calc>.content>input')[0].value=eval($('*:not(.template)>*>.wg.calc>.content>input')[0].value.replace('÷', '/').replace('×', '*'))">
|
||||
=</a>
|
||||
<input id="calc-input-widgets" readonly="true" value="0"></input>
|
||||
<a style="grid-area: pow;" class="b" onclick="kernel_Square('calc-input-widgets')">𝑥²</a>
|
||||
<a style="grid-area: sqrt;" class="b" onclick="kernel_SquareRoot('calc-input-widgets')">√𝑥</a>
|
||||
<a style="grid-area: c;" class="b" onclick="clear_num('calc-input-widgets')">C</a>
|
||||
<a style="grid-area: jia;" class="b u" onclick="on_click_fun_key(1,'calc-input-widgets')">+</a>
|
||||
<a style="grid-area: n7;" class="b" onclick="on_click_number_key(7,'calc-input-widgets');">7</a>
|
||||
<a style="grid-area: n8;" class="b" onclick="on_click_number_key(8,'calc-input-widgets');">8</a>
|
||||
<a style="grid-area: n9;" class="b" onclick="on_click_number_key(9,'calc-input-widgets');">9</a>
|
||||
<a style="grid-area: jian;" class="b u" onclick="on_click_fun_key(2,'calc-input-widgets')">-</a>
|
||||
<a style="grid-area: n4;" class="b" onclick="on_click_number_key(4,'calc-input-widgets');">4</a>
|
||||
<a style="grid-area: n5;" class="b" onclick="on_click_number_key(5,'calc-input-widgets');">5</a>
|
||||
<a style="grid-area: n6;" class="b" onclick="on_click_number_key(6,'calc-input-widgets');">6</a>
|
||||
<a style="grid-area: cheng;" class="b u" onclick="on_click_fun_key(3,'calc-input-widgets')">×</a>
|
||||
<a style="grid-area: n1;" class="b" onclick="on_click_number_key(1,'calc-input-widgets');">1</a>
|
||||
<a style="grid-area: n2;" class="b" onclick="on_click_number_key(2,'calc-input-widgets');">2</a>
|
||||
<a style="grid-area: n3;" class="b" onclick="on_click_number_key(3,'calc-input-widgets');">3</a>
|
||||
<a style="grid-area: chu;" class="b u" onclick="on_click_fun_key(4,'calc-input-widgets')">÷</a>
|
||||
<a style="grid-area: dot;" class="b" onclick="on_click_point('calc-input-widgets')">.</a>
|
||||
<a style="grid-area: n0;" class="b" onclick="on_click_number_key(0,'calc-input-widgets');">0</a>
|
||||
<a style="grid-area: back;" class="b" onclick="backspace('calc-input-widgets')"><i class="bi bi-backspace"></i></a>
|
||||
<a style="grid-area: ans;" class="b ans u" onclick="if(!on_click_eq('calc-input-widgets')){clear_num('calc-input');shownotice('ZeroDivision')}/*使用了win12 API*/">=</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1333,7 +1310,7 @@
|
||||
setData('color2',$('div.app-color>div>input.theme2inp').val())">应用</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="dp theme" onclick="$('.dp.theme').toggleClass('show');if ($('#set-theme>.a').length) return;apps.setting.theme_get();">
|
||||
<a class="dp theme" onclick="$('.dp.theme').toggleClass('show');if (!($('#set-theme>.a').length)) apps.setting.theme_get();">
|
||||
<icon></icon><div><p>主题</p><p>设置 Windows 的主题 想要<span class="a jump" win12_title="https://github.com/tjy-gitnub/win12-theme" onclick="window.open('https://github.com/tjy-gitnub/win12-theme','_blank')">上传自己的主题</span>?</p></div><i class="bi bi-chevron-down"></i></a>
|
||||
<div class="dp theme" id="set-theme">
|
||||
<loading>
|
||||
@@ -1480,46 +1457,31 @@
|
||||
<img src="icon/calc.svg" class="icon">
|
||||
</div>
|
||||
<div class="content" id="win-calc">
|
||||
<input id="calc-input" value="" onkeydown="
|
||||
if (
|
||||
event.keyCode === 8 || // 删除
|
||||
event.keyCode === 189 || // -
|
||||
event.keyCode === 187 || // +
|
||||
event.keyCode === 191 || // / ( 乘法和8共用 )
|
||||
event.keyCode === 37 || // 向左
|
||||
event.keyCode === 39 || // 向右
|
||||
event.keyCode === 190 || // .
|
||||
(48 <= event.keyCode && event.keyCode <= 57) // 数字
|
||||
) {} else {
|
||||
event.preventDefault();
|
||||
}
|
||||
// 回车计算结果
|
||||
if (event.keyCode === 13) $('#win-calc>.keyb>.ans').click();
|
||||
">
|
||||
<input id="calc-input" readonly="true" value="0"></input>
|
||||
<div class="keyb">
|
||||
<a class="a b" onclick="calculateSquare()">𝑥²</a>
|
||||
<a class="a b" onclick="calculateSquareRoot()">√𝑥</a>
|
||||
<a class="a b" onclick="$('#calc-input')[0].value='0'">C</a>
|
||||
<a class="a b u" onclick="apps.calc.add('+')">+</a>
|
||||
<a class="a b" onclick="apps.calc.add('7')">7</a>
|
||||
<a class="a b" onclick="apps.calc.add('8')">8</a>
|
||||
<a class="a b" onclick="apps.calc.add('9')">9</a>
|
||||
<a class="a b u" onclick="apps.calc.add('-')">-</a>
|
||||
<a class="a b" onclick="apps.calc.add('4')">4</a>
|
||||
<a class="a b" onclick="apps.calc.add('5')">5</a>
|
||||
<a class="a b" onclick="apps.calc.add('6')">6</a>
|
||||
<a class="a b u" onclick="apps.calc.add('×')">×</a>
|
||||
<a class="a b" onclick="apps.calc.add('1')">1</a>
|
||||
<a class="a b" onclick="apps.calc.add('2')">2</a>
|
||||
<a class="a b" onclick="apps.calc.add('3')">3</a>
|
||||
<a class="a b u" onclick="apps.calc.add('÷')">÷</a>
|
||||
<a class="a b" onclick="apps.calc.add('.')">.</a>
|
||||
<a class="a b" onclick="apps.calc.add('0')">0</a>
|
||||
<a class="a b" onclick="kernel_Square('calc-input')">𝑥²</a>
|
||||
<a class="a b" onclick="kernel_SquareRoot('calc-input')">√𝑥</a>
|
||||
<a class="a b" onclick="clear_num('calc-input')">C</a>
|
||||
<a class="a b u" onclick="on_click_fun_key(1,'calc-input')">+</a>
|
||||
<a class="a b" onclick="on_click_number_key(7,'calc-input');">7</a>
|
||||
<a class="a b" onclick="on_click_number_key(8,'calc-input');">8</a>
|
||||
<a class="a b" onclick="on_click_number_key(9,'calc-input');">9</a>
|
||||
<a class="a b u" onclick="on_click_fun_key(2,'calc-input')">-</a>
|
||||
<a class="a b" onclick="on_click_number_key(4,'calc-input');">4</a>
|
||||
<a class="a b" onclick="on_click_number_key(5,'calc-input');">5</a>
|
||||
<a class="a b" onclick="on_click_number_key(6,'calc-input');">6</a>
|
||||
<a class="a b u" onclick="aon_click_fun_key(3,'calc-input')">×</a>
|
||||
<a class="a b" onclick="on_click_number_key(1,'calc-input');">1</a>
|
||||
<a class="a b" onclick="on_click_number_key(2,'calc-input');">2</a>
|
||||
<a class="a b" onclick="on_click_number_key(3,'calc-input');">3</a>
|
||||
<a class="a b u" onclick="on_click_fun_key(4,'calc-input')">÷</a>
|
||||
<a class="a b" onclick="on_click_point('calc-input')">.</a>
|
||||
<a class="a b" onclick="on_click_number_key(0,'calc-input');">0</a>
|
||||
<a class="a b"
|
||||
onclick="if($('#calc-input').val().length > 1) { $('#calc-input').val($('#calc-input')[0].value.substring(0,$('#calc-input')[0].value.length-1)); } else { $('#calc-input').val('0'); }"><i
|
||||
onclick="backspace('calc-input')"><i
|
||||
class="bi bi-backspace"></i></a>
|
||||
<a class="a b ans u"
|
||||
onclick="calculate()">
|
||||
onclick="if(!on_click_eq('calc-input')){clear_num('calc-input');shownotice('ZeroDivision')}/*使用了win12 API*/">
|
||||
=</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1820,7 +1782,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window notepad">
|
||||
<div class="window notepad" onclick="if(font_window){playWindowsBackground();showwin('notepad-fonts');}">
|
||||
<div class="resize-bar"></div>
|
||||
<div class="titbar">
|
||||
<img src="icon/notepad.svg" class="icon">
|
||||
@@ -1852,7 +1814,7 @@
|
||||
<img src="icon/notepad.svg" class="icon">
|
||||
<p>字体</p>
|
||||
<div>
|
||||
<a class="a wbtg red" onclick="hidewin('notepad-fonts', 'configs')"><i class="bi bi-x-lg"></i></a>
|
||||
<a class="a wbtg red" onclick="hidewin('notepad-fonts', 'configs');font_window=false;"><i class="bi bi-x-lg"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="loadback">
|
||||
@@ -1930,7 +1892,7 @@
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<a class="a submit act" onclick="apps.notepadFonts.commitFont();">确定</a>
|
||||
<a class="a cancel act" onclick="hidewin('notepad-fonts', 'configs');">取消</a>
|
||||
<a class="a cancel act" onclick="hidewin('notepad-fonts', 'configs');font_window=false;">取消</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+42
-65
@@ -32,7 +32,7 @@ $('input,textarea,*[contenteditable=true]').on('contextmenu', (e) => {
|
||||
stop(e);
|
||||
return true;
|
||||
});
|
||||
let nomax = { 'calc': 0, 'notepad-fonts': 0, 'camera-notice': 0, 'winver': 0, 'run': 0 };
|
||||
let nomax = { 'calc': 0 /* 其实，计算器是可以最大化的...*/, 'notepad-fonts': 0, 'camera-notice': 0, 'winver': 0, 'run': 0 };
|
||||
let nomin = { 'notepad-fonts': 0, 'camera-notice': 0, 'run': 0 };
|
||||
let cms = {
|
||||
'titbar': [
|
||||
@@ -298,6 +298,8 @@ $('#cm>.foc').blur(() => {
|
||||
$(x).removeClass('show-begin');
|
||||
}, 200);
|
||||
});
|
||||
let font_window=false;
|
||||
|
||||
// 下拉菜单
|
||||
dps = {
|
||||
'notepad.file': [
|
||||
@@ -326,9 +328,15 @@ dps = {
|
||||
['<i class="bi bi-type-italic"></i> 插入斜体字', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'<i>I</i>\''],
|
||||
['<i class="bi bi-type-bold"></i> 插入加粗字', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'<b>B</b>\''],
|
||||
'<hr>',
|
||||
['<i class="bi bi-fonts"></i> 字体', 'hidedp(true);showwin(\'notepad-fonts\');apps.notepadFonts.reset();'],
|
||||
['<i class="bi bi-fonts"></i> 字体', 'font_window=true;hidedp(true);showwin(\'notepad-fonts\');apps.notepadFonts.reset();'],
|
||||
]
|
||||
}
|
||||
|
||||
function playWindowsBackground(){
|
||||
var audio = new Audio("./media/Windows Background.wav")
|
||||
audio.play()
|
||||
}
|
||||
|
||||
let dpt = null, isOnDp = false;
|
||||
$('#dp')[0].onmouseover = () => { isOnDp = true };
|
||||
$('#dp')[0].onmouseleave = () => { isOnDp = false; hidedp() };
|
||||
@@ -462,6 +470,13 @@ let nts = {
|
||||
{ type: 'cancel', text: '取消', js: 'closenotice();' }
|
||||
]
|
||||
},
|
||||
'ZeroDivision': {//计算器报错窗口
|
||||
cnt: `<p class="tit">错误</p>
|
||||
<p>除数不得等于0</p>`,
|
||||
btn: [
|
||||
{ type: 'main', text: '好', js: 'closenotice();' },
|
||||
]
|
||||
},
|
||||
'widgets.monitor': {
|
||||
cnt: `
|
||||
<p class="tit">切换监视器类型</p>
|
||||
@@ -551,6 +566,7 @@ let apps = {
|
||||
cs.forEach(c => {
|
||||
if (c.type == 'dir') {
|
||||
$.get(c.url).then(cnt => {
|
||||
$('#set-theme').html('');
|
||||
cnt.forEach(cn => {
|
||||
if (cn.name == 'theme.json') {
|
||||
$.getJSON('https://tjy-gitnub.github.io/win12-theme/' + cn.path).then(inf => {
|
||||
@@ -597,7 +613,7 @@ let apps = {
|
||||
}, 300);
|
||||
},
|
||||
run: (cmd) => {
|
||||
if (cmd == 'cmd') {
|
||||
if (cmd == 'cmd' || cmd == 'cmd.exe') {
|
||||
openapp('terminal');
|
||||
}
|
||||
else if (cmd != '') {
|
||||
@@ -1770,18 +1786,7 @@ let apps = {
|
||||
},
|
||||
calc: {
|
||||
init: () => {
|
||||
$('#calc-input').val('0');
|
||||
},
|
||||
add: (arg) => {
|
||||
if (arg >= 1 && arg <= 9 && $('#calc-input')[0].value == '0') {
|
||||
$('#calc-input')[0].value = arg;
|
||||
}
|
||||
else if (arg == '0' && $('#calc-input')[0].value == '0') {
|
||||
$('#calc-input')[0].value = arg;
|
||||
}
|
||||
else {
|
||||
$('#calc-input')[0].value += arg;
|
||||
}
|
||||
document.getElementById('calc-input').innerHTML = "0";
|
||||
}
|
||||
},
|
||||
about: {
|
||||
@@ -2183,7 +2188,7 @@ Microsoft Windows [版本 12.0.39035.7324]
|
||||
},
|
||||
reload: () => {
|
||||
if (wifiStatus == false) {
|
||||
$('#win-edge>iframe.show').attr('src', './disconnected.html');
|
||||
$('#win-edge>iframe.show').attr('src', './disconnected' + (isDrak?'_dark':'') + '.html');
|
||||
}
|
||||
else {
|
||||
$('#win-edge>iframe.show').attr('src', $('#win-edge>iframe.show').attr('src'));
|
||||
@@ -2206,7 +2211,7 @@ Microsoft Windows [版本 12.0.39035.7324]
|
||||
},
|
||||
goto: (u) => {
|
||||
if (wifiStatus == false) {
|
||||
$('#win-edge>iframe.show').attr('src', './disconnected.html');
|
||||
$('#win-edge>iframe.show').attr('src', './disconnected' + (isDrak?'_dark':'') + '.html');
|
||||
apps.edge.rename(u);
|
||||
$('#win-edge>.tool>input.url').val(u);
|
||||
}
|
||||
@@ -2214,7 +2219,7 @@ Microsoft Windows [版本 12.0.39035.7324]
|
||||
// 6
|
||||
if (!/^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/.test(u)) {
|
||||
// 启用必应搜索
|
||||
$('#win-edge>iframe.show').attr('src', 'https://bing.com/search?q=' + u);
|
||||
$('#win-edge>iframe.show').attr('src', 'https://bing.com/search?q=' + encodeURIComponent(u)/*encodeURIComponent 可以对搜索内容进行编码*/);
|
||||
apps.edge.rename(u);
|
||||
}
|
||||
// 检测网址是否带有http头
|
||||
@@ -2275,19 +2280,8 @@ let widgets = {
|
||||
init: () => {
|
||||
null
|
||||
},
|
||||
add: (arg) => {
|
||||
if (arg >= 1 && arg <= 9 && $('*:not(.template)>*>.wg.calc>.content>input')[0].value == '0') {
|
||||
$('*:not(.template)>*>.wg.calc>.content>input')[0].value = arg;
|
||||
}
|
||||
else if (arg == '0' && $('*:not(.template)>*>.wg.calc>.content>input')[0].value == '0') {
|
||||
$('*:not(.template)>*>.wg.calc>.content>input')[0].value = arg;
|
||||
}
|
||||
else {
|
||||
$('*:not(.template)>*>.wg.calc>.content>input')[0].value += arg;
|
||||
}
|
||||
},
|
||||
remove: () => {
|
||||
null
|
||||
document.getElementById('calc-input-widgets').value = "0";
|
||||
}
|
||||
},
|
||||
weather: {
|
||||
@@ -2562,6 +2556,8 @@ function loadtime() {
|
||||
$('.dock.date>.time').text(time);
|
||||
$('#datebox>.tit>.time').text(time);
|
||||
}
|
||||
apps.setting.theme_get();//提前加载主题
|
||||
|
||||
setInterval(loadtime, 1000);
|
||||
let d = new Date();
|
||||
let today = new Date().getDate();
|
||||
@@ -3031,6 +3027,8 @@ window.addEventListener('mouseup', e => {
|
||||
$('#desktop>.choose').css('width', 0);
|
||||
$('#desktop>.choose').css('height', 0);
|
||||
})
|
||||
let isDrak = false;
|
||||
|
||||
// 主题
|
||||
function toggletheme() {
|
||||
$('.dock.theme').toggleClass('dk');
|
||||
@@ -3038,12 +3036,26 @@ function toggletheme() {
|
||||
if ($(':root').hasClass('dark')) {
|
||||
$('.window.whiteboard>.titbar>p').text('Blackboard');
|
||||
setData('theme', 'dark');
|
||||
isDrak = true;
|
||||
} else {
|
||||
$('.window.whiteboard>.titbar>p').text('Whiteboard');
|
||||
setData('theme', 'light');
|
||||
isDrak = false;
|
||||
}
|
||||
}
|
||||
|
||||
const isDarkTheme = window.matchMedia("(prefers-color-scheme: dark)");
|
||||
if (isDarkTheme.matches) { //是深色
|
||||
$('.dock.theme').toggleClass('dk');
|
||||
$(':root').toggleClass('dark');
|
||||
$('.window.whiteboard>.titbar>p').text('Blackboard');
|
||||
localStorage.setItem('theme', 'dark');
|
||||
isDrak = true;
|
||||
} else { // 不是深色
|
||||
$('.window.whiteboard>.titbar>p').text('Whiteboard');
|
||||
localStorage.setItem('theme', 'light');
|
||||
}
|
||||
|
||||
function saveDesktop() {
|
||||
localStorage.setItem('desktop', $('#desktop')[0].innerHTML);
|
||||
}
|
||||
@@ -3307,38 +3319,3 @@ if (!location.href.match(/((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d|[1-9]\d|
|
||||
function sendToSw(msg) {
|
||||
navigator.serviceWorker.controller.postMessage(msg);
|
||||
}
|
||||
|
||||
function calculate() {
|
||||
let matches = $('#calc-input')[0].value.match(/([-+]?\d*\.?\d+)\s*([-+×÷])\s*([-+]?\d*\.?\d+)/);
|
||||
if (matches) {
|
||||
let operand1 = matches[1];
|
||||
let operator = matches[2];
|
||||
let operand2 = matches[3];
|
||||
switch (operator) {
|
||||
case '+':
|
||||
$('#calc-input')[0].value = new Big(operand1).plus(operand2).toString();
|
||||
break
|
||||
case '-':
|
||||
$('#calc-input')[0].value = new Big(operand1).minus(operand2).toString();
|
||||
break
|
||||
case '×':
|
||||
case '*':
|
||||
$('#calc-input')[0].value = new Big(operand1).times(operand2).toString();
|
||||
break
|
||||
case '÷':
|
||||
case '/':
|
||||
$('#calc-input')[0].value = new Big(operand1).div(operand2).toString();
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function calculateSquare() {
|
||||
let num = new Big($('#calc-input')[0].value)
|
||||
$('#calc-input')[0].value = num.times(num).toString()
|
||||
}
|
||||
|
||||
function calculateSquareRoot() {
|
||||
let num = new Big($('#calc-input')[0].value)
|
||||
$('#calc-input')[0].value = num.sqrt().toString()
|
||||
}
|
||||
|
||||
@@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Windows 12 网页版</title>
|
||||
<style>
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
html,body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: max(60%, 600px);
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.container * {
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.container .tit {
|
||||
font-weight: 700;
|
||||
font-size: 1.56em;
|
||||
padding: 5px 0px;
|
||||
color: #e8e6e3;
|
||||
}
|
||||
|
||||
.container .tit2 {
|
||||
color: #e8e6e3;
|
||||
}
|
||||
|
||||
.container p.bold {
|
||||
font-weight: 700;
|
||||
font-size: 1.2em;
|
||||
color: #e8e6e3;
|
||||
}
|
||||
|
||||
.container p.last {
|
||||
font-size: 0.85em;
|
||||
color: #aba499;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.container ul {
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.container>.pic {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjRiV3h1Y3owaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1qQXdNQzl6ZG1jaUlIWnBaWGRDYjNnOUlqQWdNQ0F5TURRNElESXdORGdpSUhkcFpIUm9QU0l6TWlJZ2FHVnBaMmgwUFNJek1pSWdabWxzYkQwaWJtOXVaU0krUEhCaGRHZ2daRDBpVFRFMk1EQWdNVEUxTW5FNU15QXdJREUzTkNBek5YUXhORE1nT1RZZ09UWWdNVFF5SURNMUlERTNOWEV3SURrekxUTTFJREUzTkhRdE9UWWdNVFF6TFRFME1pQTVOaTB4TnpVZ016VnhMVGt6SURBdE1UYzBMVE0xZEMweE5ETXRPVFl0T1RZdE1UUXlMVE0xTFRFM05YRXdMVGt6SURNMUxURTNOSFE1TmkweE5ETWdNVFF5TFRrMklERTNOUzB6TlhwdExUTXlNQ0EwTkRoeE1DQTJOaUF5TlNBeE1qUjBOamdnTVRBeUlERXdNaUEyT1NBeE1qVWdNalZ4TkRjZ01DQTVNaTB4TTNRNE5DMDBNR3d0TkRRekxUUTBNM0V0TWpZZ016a3RNemtnT0RSMExURTBJRGt5ZW0wMU9EY2dNVGMyY1RJMkxUTTVJRE01TFRnMGRERTBMVGt5Y1RBdE5qWXRNalV0TVRJMGRDMDJPUzB4TURFdE1UQXlMVFk1TFRFeU5DMHlObkV0TkRjZ01DMDVNaUF4TTNRdE9EUWdOREJzTkRReklEUTBNM3B0TFRjM05DQXhNalZ4TWpJZ016WWdORGdnTmpsME5UY2dOakp4TFRReklEZ3RPRFlnTVRKMExUZzRJRFJ4TFRFME1TQXdMVEkzTWkwek5uUXRNalEwTFRFd05DMHlNRGN0TVRZd0xURTJNUzB5TURjdE1UQXpMVEkwTlMwek55MHlOekp4TUMweE5ERWdNell0TWpjeWRERXdOQzB5TkRRZ01UWXdMVEl3TnlBeU1EY3RNVFl4VkRjMU1pQXpOM1F5TnpJdE16ZHhNVFF4SURBZ01qY3lJRE0yZERJME5DQXhNRFFnTWpBM0lERTJNQ0F4TmpFZ01qQTNJREV3TXlBeU5EVWdNemNnTWpjeWNUQWdORFF0TkNBNE4zUXRNVElnT0RkeExUVTBMVFU1TFRFeE9DMDVPR3cwTFRNNGNUSXRNVGtnTWkwek9DQXdMVEV6TUMwek9DMHlOVFpvTFRNMk1uRTRJRFl5SURFeElERXlNM1ExSURFeU5IRXRNek1nTXkwMk5TQXhNSFF0TmpRZ01UaDJMVE01Y1RBdE5qQXROQzB4TVRoMExURXlMVEV4T0VnMk5UZHhMVGtnTmpRdE1UTWdNVEkzZEMwMElERXlPWEV3SURZMUlEUWdNVEk0ZERFeklERXlPR2cwTkRaeExUTTNJRFU1TFRZd0lERXlPRWcyTnpseE9DQXpOeUF5TXlBNE9YUXpOeUF4TURrZ05URWdNVEV6SURZMElERXdNU0EzT0NBM01pQTVNaUF5T0hFeE9DQXdJRE0xTFRWME16UXRNVFI2YlRjek9TMHhNall4Y1Mwek9DMDRNUzA1TVMweE5USjBMVEV5TUMweE16RXRNVFF6TFRFd05DMHhOakl0TnpWeE16WWdORGtnTmpRZ01UQTFkRFV4SURFeE5TQTBNQ0F4TWpFZ01qa2dNVEl4YURNek1ucHRMVGd3T0MwMU1USnhMVFE1SURBdE9URWdNamQwTFRjNElEY3pMVFkxSURFd01TMDFNU0F4TVRNdE16Y2dNVEE1TFRJeklEZzVhRFk1TUhFdE9DMHpOeTB5TXkwNE9YUXRNemN0TVRBNUxUVXhMVEV4TXkwMk5DMHhNREV0TnpndE56SXRPVEl0TWpoNmJTMHlPVElnTlRCeExUZzFJREk1TFRFMk1pQTNORlEwTWpjZ016VTNJRE13T0NBME9EZDBMVGt5SURFMU0yZ3pNekp4TVRJdE5Ua2dNamd0TVRJd2RETTVMVEV5TVNBMU1pMHhNVFlnTmpVdE1UQTFlbTB0TmpBMElEZzBObkV3SURFek1DQXpPQ0F5TlRab016WXljUzA0TFRZMExURXlMVEV5TjNRdE5DMHhNamx4TUMwMk5TQTBMVEV5T0hReE1pMHhNamhJTVRZMmNTMHpPQ0F4TWpZdE16Z2dNalUyZW0wNE9DQXpPRFJ4TXpnZ09ERWdPVEVnTVRVeWRERXlNQ0F4TXpFZ01UUXpJREV3TkNBeE5qSWdOelZ4TFRNMkxUUTVMVFkxTFRFd05YUXROVEV0TVRFMUxUTTVMVEV5TVMweU9TMHhNakZJTWpFMmVpSWdabWxzYkQwaUl6RXdNVEF4TUNJdlBqd3ZjM1puUGc9PSIgLz48L3N2Zz4=");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.container .tips1, .tips2{
|
||||
color:#e8e6e3;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="pic"></div>
|
||||
<div class="tit">你尚未连接</div>
|
||||
<div class="content">
|
||||
<p class="tit2">Web 因你而不同。让我们帮你重新联机！</p>
|
||||
<p class="bold">请尝试：</p>
|
||||
<ul>
|
||||
<li class="tips1"">检查网络电缆、调制解调器和路由器</li>
|
||||
<li class="tips2">重新连接到无线网络</li>
|
||||
</ul>
|
||||
<p class="last">ERR_INTERNET_DISCONNECTED</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
+1
-1
@@ -77,7 +77,7 @@
|
||||
<path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
|
||||
</svg>
|
||||
<input type="text" onkeyup="if(event.keyCode==13){if (!/^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/.test(this.value)) {
|
||||
window.location='https://bing.com/search?q='+this.value;
|
||||
window.location='https://bing.com/search?q='+encodeURIComponent(this.value); //encodeURIComponent 可以对搜索内容进行编码
|
||||
//可能报错
|
||||
apps.edge.rename(this.value);
|
||||
}
|
||||
|
||||
Binary file not shown.
+1
-1
@@ -128,7 +128,7 @@
|
||||
gap: 0px;
|
||||
}
|
||||
|
||||
.wg.calc>.content>input {
|
||||
.wg.calc>.content>p {
|
||||
grid-area: input;
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
Reference in New Issue
Block a user