Skip to content

Commit

Permalink
-9.0.0 窗口背景材质超级大升级!
Browse files Browse the repository at this point in the history
  • Loading branch information
NB-Group committed Oct 3, 2024
1 parent 26a70df commit 7c0b612
Show file tree
Hide file tree
Showing 4 changed files with 20 additions and 11 deletions.
1 change: 1 addition & 0 deletions apps/style/setting.css
Original file line number Diff line number Diff line change
Expand Up @@ -162,6 +162,7 @@
justify-content: space-around;
border: 2px solid #00000000;
background-clip: padding-box;
align-items: center;
}

.setting-list>a:hover {
Expand Down
2 changes: 1 addition & 1 deletion apps/style/terminal.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
--text: #ddd;
--bg: #000000;
--bg50: #00000060;
--bg70: #000000b7;
--bg70: #212121e6;
--sd: #000000a0;
--card: #72727240;
--hover: #aaaaaa40;
Expand Down
11 changes: 7 additions & 4 deletions desktop.css
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
--text2: #aaa;
--bg: #000000;
--bg50: #00000060;
--bg70: #00000090;
--bg70: #212121e6;
--sd: #000000a0;
--card: #72727240;
--hover: #aaaaaa15;
Expand Down Expand Up @@ -207,6 +207,7 @@ list:not(.new)>a:active,
box-shadow: 0 1px 10px var(--s3d);
opacity: 1;
}

input.foc {
display: block;
height: 0;
Expand Down Expand Up @@ -2231,8 +2232,8 @@ input-before {
}

.window.foc {
background-color: var(--bg70);
backdrop-filter: blur(180px) saturate(1.5);
background: radial-gradient(rgba(26, 31, 53, 0.96) 25%, rgba(32, 32, 32, 0.96) 100%);
backdrop-filter: blur(50px) saturate(5);
filter: none;
-webkit-backdrop-filter: blur(80px) saturate(1.5);
box-shadow: 3px 3px 20px 3px var(--sd);
Expand Down Expand Up @@ -2366,6 +2367,7 @@ input-before {
height: 100%;
min-height: 0px !important;
}

/*
问题:当我打开edge浏览器,并点击窗口最大化时,窗口确实覆盖了整个屏幕。但是在edge打开某个网页时,
窗口并没有覆盖到任务栏的位置,底下有一排巨大的空隙。
Expand All @@ -2380,7 +2382,7 @@ github-red2026 */
.window.max {
width: 100% !important;
height: 120% !important;


/* 定位属性,确保窗口从屏幕的左上角开始 */
left: 0 !important;
Expand Down Expand Up @@ -2609,4 +2611,5 @@ github-red2026 */

.setting-card>.setting-list {
padding-bottom: 5px;
padding: 20px;
}
17 changes: 11 additions & 6 deletions desktop.html
Original file line number Diff line number Diff line change
Expand Up @@ -1407,27 +1407,27 @@ <h2>请求记录</h2>
</div>
</div>
<div class="setting-card">
<p style="padding: 10px 15px 0px 15px;"><icon><img src="apps/icons/setting/ms.png" style="width: 35px; height: 35px;"></icon><br>所有功能尽在 Microsoft 账户<br><span style="font-size: 14px;color:var(--text2)">登录后,即可在设备上使用你最喜爱的 Microsoft 应用和服务。可以备份设备、让设备更安全,并使用 Microsoft 365 应用版和云储存空间。</span><br><img src="apps/icons/setting/ms365.png"></p>
<div style="padding: 3px 15px 15px 15px">
<p style="padding: 20px"><icon><img src="apps/icons/setting/ms.png" style="width: 35px; height: 35px;"></icon><br>所有功能尽在 Microsoft 账户<br><span style="font-size: 14px;color:var(--text2)">登录后,即可在设备上使用你最喜爱的 Microsoft 应用和服务。可以备份设备、让设备更安全,并使用 Microsoft 365 应用版和云储存空间。</span><br><img src="apps/icons/setting/ms365.png"></p>
<div style="padding: 20px">
<a class="a button" onclick="window.location.href='./bluescreen.html?code=YOU_CAN_NOT_SIGN_IN_YOUR_MICROSOFT_ACCOUNT'" win12_title="BSOD is coming!">登录</a>
</div>
</div>
<div class="setting-card">
<p style="padding: 10px 15px;">推荐设置<br><span style="font-size: 14px;color:var(--text2)">最近使用的和常用的设置</span></p>
<p style="padding: 20px">推荐设置<br><span style="font-size: 14px;color:var(--text2)">最近使用的和常用的设置</span></p>
<div class="setting-list">
<a><icon><i class="bi bi-power"></i></icon><div><p>电源和电池</p><p></p></div><i class="bi bi-chevron-right"></i></a>
<a><icon><i class="bi bi-window-desktop"></i></icon><div><p>任务栏</p><p></p></div><i class="bi bi-chevron-right"></i></a>
<a><icon><i class="bi bi-camera"></i></icon><div><p>摄像头</p><p></p></div><i class="bi bi-chevron-right"></i></a>
</div>
</div>
<div class="setting-card">
<p style="padding: 10px 15px;">蓝牙设备<br><span style="font-size: 14px;color:var(--text2)">管理、添加和删除设备</span></p>
<p style="padding: 20px">蓝牙设备<br><span style="font-size: 14px;color:var(--text2)">管理、添加和删除设备</span></p>
<div class="setting-list">
<a onclick="$('#win-setting>.menu>list>a.blueteeth')[0].click();"><icon></icon><div><p>蓝牙</p><p></p></div><i class="bi bi-chevron-right"></i></a>
</div>
</div>
<div class="setting-card">
<p style="padding: 10px 15px;">个性化设备</p>
<p style="padding:20px">个性化设备</p>
<div class="setting-list">
<a onclick="$('#win-setting>.menu>list>a.appearance')[0].click();"><icon><i class="bi bi-palette"></i></icon><div><p>个性化</p><p></p></div><i class="bi bi-chevron-right"></i></a>
</div>
Expand Down Expand Up @@ -1610,7 +1610,7 @@ <h2>请求记录</h2>
<p class="title">账户</p>
<div style="display: flex;">
<a class="a user" style="display:flex">
<svg viewBox="0,0,257,344" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 100px;height: 100px;background-color: var(--hover-b);/* box-shadow: 0 0 10px var(--sd); */width: 60px;width: 60px;height: 60px;border-radius: 50%;padding: 11px;margin-right: 15px;margin-bottom: 15px;" overflow="hidden"><defs><clipPath id="user-clip1"><rect x="382" y="195" width="257" height="344" /></clipPath><linearGradient x1="351.462" y1="233.56" x2="669.496" y2="500.422" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="user-fill3"><stop offset="0" stop-color="#A964C8" /><stop offset="0.35" stop-color="#A964C8" /><stop offset="0.87" stop-color="#2D8AD5" /><stop offset="1" stop-color="#2D8AD5" /></linearGradient><linearGradient x1="351.462" y1="233.56" x2="669.496" y2="500.422" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="user-fill4"><stop offset="0" stop-color="#A964C8" /><stop offset="0.35" stop-color="#A964C8" /><stop offset="0.87" stop-color="#2D8AD5" /><stop offset="1" stop-color="#2D8AD5" /></linearGradient></defs><g clip-path="url(#user-clip1)" transform="translate(-382 -195)"><path d="M637.755 433.872C642.215 515.221 579.577 537.983 508.011 537.983 436.444 537.983 376.676 507.833 383.513 437.11 383.109 425.234 389.59 414.133 398.634 409.891 413.82 402.768 444.753 402.936 507.484 402.997 570.214 403.058 609.164 402.279 621.521 407.947 633.878 413.614 638.011 424.609 637.755 433.872Z" fill="url(#user-fill3)" fill-rule="evenodd" /><path d="M422 285C422 235.847 461.623 196 510.5 196 559.377 196 599 235.847 599 285 599 334.153 559.377 374 510.5 374 461.623 374 422 334.153 422 285Z" fill="url(#user-fill4)" fill-rule="evenodd" /></g></svg>
<svg viewBox="0,0,257,344" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 100px;height: 100px;background-color: var(--hover-b);/* box-shadow: 0 0 10px var(--sd); */width: 60px;width: 60px;height: 60px;border-radius: 50%;padding: 20px;margin-right: 15px;margin-bottom: 15px;" overflow="hidden"><defs><clipPath id="user-clip1"><rect x="382" y="195" width="257" height="344" /></clipPath><linearGradient x1="351.462" y1="233.56" x2="669.496" y2="500.422" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="user-fill3"><stop offset="0" stop-color="#A964C8" /><stop offset="0.35" stop-color="#A964C8" /><stop offset="0.87" stop-color="#2D8AD5" /><stop offset="1" stop-color="#2D8AD5" /></linearGradient><linearGradient x1="351.462" y1="233.56" x2="669.496" y2="500.422" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="user-fill4"><stop offset="0" stop-color="#A964C8" /><stop offset="0.35" stop-color="#A964C8" /><stop offset="0.87" stop-color="#2D8AD5" /><stop offset="1" stop-color="#2D8AD5" /></linearGradient></defs><g clip-path="url(#user-clip1)" transform="translate(-382 -195)"><path d="M637.755 433.872C642.215 515.221 579.577 537.983 508.011 537.983 436.444 537.983 376.676 507.833 383.513 437.11 383.109 425.234 389.59 414.133 398.634 409.891 413.82 402.768 444.753 402.936 507.484 402.997 570.214 403.058 609.164 402.279 621.521 407.947 633.878 413.614 638.011 424.609 637.755 433.872Z" fill="url(#user-fill3)" fill-rule="evenodd" /><path d="M422 285C422 235.847 461.623 196 510.5 196 559.377 196 599 235.847 599 285 599 334.153 559.377 374 510.5 374 461.623 374 422 334.153 422 285Z" fill="url(#user-fill4)" fill-rule="evenodd" /></g></svg>
<div style="margin-top: 5px;">
<p>星瓶</p>
<p>[email protected]</p>
Expand Down Expand Up @@ -1956,6 +1956,11 @@ <h2 class="tit"><span></span>其它</h2>
<div class="cnt update">
<h1 class="tit"><span></span>更新记录</h1>
<div style="margin-left: 20px;">
<details><summary><span>v9.0.0</span> 窗口背景材质超级大升级!</summary><p>
&emsp;&emsp;-(更新来自@NB-Group)<br>
&emsp;&emsp;- 新材质(仿win11 Mica)非常高级! <br>
&emsp;&emsp;- 将设置的UI更新了</p>
</details>
<details><summary><span>v8.1.0</span> 整理</summary><p>
&emsp;&emsp;-(更新来自@tjy-gitnub)<br>
&emsp;&emsp;- 代码整理<br>
Expand Down

0 comments on commit 7c0b612

Please sign in to comment.