diff --git a/README.md b/README.md index 1b1e2c4..ab4dd9a 100644 --- a/README.md +++ b/README.md @@ -26,13 +26,16 @@ ## 效果展示 > 新的版本有很多变化,仅供参考,请以实物为准 (你点一下 [这里](https://tjy-gitnub.github.io/win12/desktop.html) 就知道了啊,不麻烦`-_-)o` ) -![image](https://user-images.githubusercontent.com/71509955/194317185-b64e87c7-4035-4f48-b726-e6cda5f9d81a.png) -*开始* +![image](https://tjy-gitnub.github.io/win12/img/start-menu.png) +*开始菜单* -![image](https://user-images.githubusercontent.com/71509955/194317323-772154ec-b463-403e-9213-78087282263b.png) -*设置* +![image](https://tjy-gitnub.github.io/win12/img/colorful-apps.png) +*丰富的应用* -![image](https://user-images.githubusercontent.com/71509955/194317552-d8ba5f44-fbff-4e4c-b104-0a4a589c3655.png) +![image](https://tjy-gitnub.github.io/win12/img/dark-mode.png) +*深色模式* + +![image](https://tjy-gitnub.github.io/win12/img/ai-copilot.png) *深色模式* ## 在线体验 @@ -49,7 +52,7 @@ - [x] 加入特效 - [x] 窗口功能 - [x] 应用完善 -- [ ] 添加更多个性化方面的设置 +- [x] 添加更多个性化方面的设置 - [x] 添加Edge应用 - [ ] 为更多应用添加标签页 - [ ] 完善小组件,添加到桌面等功能 @@ -58,7 +61,7 @@ - [ ] 丰富应用生态 下面是一些...呃......畅..想 `~o~)/` -- [ ] 建立文件系统 +- [x] 建立文件系统 - [ ] 建立自己的可执行文件机制 - [ ] 将exe文件转化并执行 - [ ] 提供更多api供应用调用 @@ -71,23 +74,3 @@ - [ ] 适配量子计算机 - [ ] 接入chatgpt - [ ] 将项目更名为 "550W" - -## 其它 -AD:不能打开的网页在新标签页打开\ -AN:规则限制,无法完成 - -AD:支持网页太少/速度太慢/卡\ -AN:过于荒谬,我已尽力了`-_-)o` - -AD:系统中链接在Edge应用中打开\ -AN:系统中的链接都不支持跨域访问 - -AD:添加收藏夹\ -AN:以后会做的 - -P:无法访问网站/无法输入网站\ -AN:敲回车才能访问 - - -最近准备重绘图标,大家觉得这个logo怎么样`>_-)o` -![logo](https://user-images.githubusercontent.com/71509955/233774324-06ec32da-21ad-4828-ad95-fbed1035f7c2.png) \ No newline at end of file diff --git a/apps/style/about.css b/apps/style/about.css index 466a54f..95da584 100644 --- a/apps/style/about.css +++ b/apps/style/about.css @@ -4,17 +4,21 @@ #win-about>.menu { height: 100%; - min-width: 200px; - padding: 5px; + width: 20%; + min-width: 180px; + max-width: 250px; + padding: 8px 5px 0 14px; } #win-about>.menu>list>* { - padding: 5px 10px; + padding: 6px 8px 5px 12px; display: flex; + margin-bottom: 3px; + border-radius: 7px; } #win-about>.menu>list>*>img { - margin: 2px 5px 0 0; + margin: 2px 7px 0 0; } #win-about>.cnt { @@ -29,14 +33,13 @@ #win-about>.cnt.show { flex-grow: 1; - width: auto; transform: none; opacity: 1; display: block; } #win-about>.cnt .tit { - margin: 0; + margin: 8px 0 3px 0; display: flex; } @@ -44,7 +47,7 @@ background: linear-gradient(180deg, var(--theme-1), var(--theme-2)); border-radius: 10px; width: 6px; - margin: 5px 5px; + margin: 5px 8px 5px 5px; transition: 200ms; /* opacity: 0; */ transform: scaleY(0); @@ -57,10 +60,11 @@ #win-about>.update>div>details { background-color: var(--card); - padding: 10px 10px 0 10px; - border-radius: 10px; - box-shadow: 3px 3px 5px var(--sd); - margin: 10px 10px 0 0; + padding: 10px 10px 0 15px; + border-radius: 8px; + /* box-shadow: 3px 3px 5px var(--sd); */ + box-shadow: 0 1px 2px 1px var(--s3d); + margin: 12px 10px 0 0; transition: 100ms, height 0ms, padding-bottom 100ms ease-out; overflow: hidden; height: 45px; diff --git a/apps/style/calc.css b/apps/style/calc.css index 17f8c81..f1116d6 100644 --- a/apps/style/calc.css +++ b/apps/style/calc.css @@ -1,10 +1,10 @@ #win-calc { display: flex; flex-direction: column; + padding: 5px; } #calc-input { - width: 100%; height: 90px; border: none; outline: none; @@ -17,27 +17,25 @@ #win-calc>.keyb { flex-grow: 1; display: grid; - grid-template-columns: repeat(4, 60px); + grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(5, 50px); gap: 4px; - padding: 0 4px 4px; - width: 100%; } #win-calc>.keyb>.b { - width: 60px; + /* width: 60px; */ height: 50px; font-size: 25px; text-align: center; transition: 40ms; border-radius: 7px; - border: 1.5px solid #63636330; - box-shadow: 0px 1px 4px var(--bd); + /* border: 1.5px solid #63636330; */ + box-shadow: 0px 1px 1px 1px var(--s3d); background: var(--card); padding-top: 5px; - border: 1.5px solid var(--bd); + /* border: 1.5px solid var(--bd); border-top: 2px solid var(--bd); - border-bottom: 1px solid var(--bd); + border-bottom: 1px solid var(--bd); */ /* border-color: var(--bd); */ transform-origin: bottom; } diff --git a/apps/style/copilot.css b/apps/style/copilot.css new file mode 100644 index 0000000..804057b --- /dev/null +++ b/apps/style/copilot.css @@ -0,0 +1,135 @@ +#copilot{ + position: fixed; + right: -410px; + background-color: var(--bg70); + /* box-shadow: 1px 2px 25px var(--sd); */ + border: 2px solid #6f6f6f30; + width: 400px; + height: calc(100% - 70px); + top: 10px; + border-radius: 14px; + overflow: hidden; + transition: 300ms cubic-bezier(0.9, 0, 0.1, 1); + z-index: 92; + display: flex; + flex-direction: column; + padding-top: 5px; +} + +#copilot.show{ + right: 10px; + box-shadow: 1px 2px 25px var(--sd); + backdrop-filter: blur(20px) saturate(1.3); +} + +#copilot>.titbar{ + height: 40px; + display: flex; + align-items: center; + padding: 0 10px; + min-height: 40px; +} + +#copilot>.titbar>.text{ + font-size: 20px; +} + +#copilot>.titbar>.alr{ + flex-grow: 1; + display: flex; + justify-content: flex-end; +} + +#copilot>.titbar>.alr>.btn{ + width: 35px; + height: 35px; + text-align: center; + padding: 6px 0; + display: block; +} + +#copilot>.chat{ + flex-grow: 1; + padding: 10px 15px; + overflow-y: auto; + overflow-x:hidden !important; + scroll-behavior: smooth; +} + +#copilot>.chat>.line{ + width: 100%; + display: flex; + margin-top: 15px; +} +#copilot>.chat>.line.user{ + width: 100%; + flex-direction: row-reverse; +} +@keyframes msg{ + 0%{ + opacity: 0; + transform: translateY(20px); + } + 100%{ + opacity: 1; + transform: none; + } +} + +#copilot>.chat>.line>.text{ + width: max-content; + padding: 10px 15px; + border-radius: 10px; + box-shadow: 0 1px 6px var(--sd); + max-width: calc(100% - 40px); + word-break:break-all; + animation: msg 400ms cubic-bezier(0,0,0,1); + user-select:text; +} +#copilot>.chat>.line.ai>.text{ + background-color: var(--msg); +} +#copilot>.chat>.line.user>.text{ + background: linear-gradient(100deg,#3397e9c0,#024bb1d6); + color: #fff; +} +#copilot>.chat>.line.system>.text{ + background: linear-gradient(100deg,#ca3ee0b0,#6f0bbcbe); + color: #fff; +} +#copilot>.chat>.line.ai>.text>.action{ + background-color: var(--hover-b); + padding: 10px 15px; + border-radius: 9px; + box-shadow: 0 1px 2px var(--s3d); + margin: 10px 5px; +} +#copilot>.chat>.line.ai>.text>.action>.tit{ + font-size: 20px; +} + +#copilot>.inputbox{ + height: 60px; + display: flex; + align-items: center; + min-height: 60px; +} + +#copilot>.inputbox.disable{ + pointer-events:none; + filter: saturate(0.8) brightness(0.9); +} + +#copilot>.inputbox>.input{ + margin: 0 10px; + flex-grow: 1; + height: 40px; +} + +#copilot>.inputbox>.send{ + width: 80px; + color: #fff; + text-align: center; + margin-right: 10px; + background: linear-gradient(120deg,var(--theme-1),var(--theme-2)); +} \ No newline at end of file diff --git a/apps/style/edge.css b/apps/style/edge.css index 520ba7d..45d71c4 100644 --- a/apps/style/edge.css +++ b/apps/style/edge.css @@ -5,25 +5,29 @@ .window.edge>.titbar>.tabs { display: flex; flex-grow: 1 !important; - height: 100%; + height: calc(100% - 2px); padding: 2px 1px; /* overflow-x:auto; */ overflow: hidden; + align-items: center; + margin-top: 2px; } .window.edge>.titbar>.tabs>.tab { display: flex; - border-radius: 8px; + border-radius: 7px; max-width: 200px; display: flex; justify-content: space-between; - padding: 3px 0; + /* padding: 4px 0; */ + align-items: center; width: 0; flex-grow: 1; max-width: 200px; min-width: none; overflow: hidden; transition: 50ms; + height: 100%; } .window.edge>.titbar>.tabs>.tab::before { @@ -31,9 +35,8 @@ position: relative; width: 1.5px; height: 19px; - top: 3px; - background: var(--text); - opacity: 0.3; + background: var(--hr); + /* opacity: 0.3; */ transition: 50ms; } @@ -47,7 +50,7 @@ } .window.edge>.titbar>.tabs>.tab.show { - background: var(--card) !important; + background: var(--hover) !important; box-shadow: 0 1px 2px var(--sd); } @@ -68,12 +71,13 @@ } .window.edge>.titbar>.tabs>.tab.moving { - background: var(--unfoc) !important; + /* background: var(--unfoc) !important; */ + background: var(--bggrey) !important; z-index: 1; } .window.edge>.titbar>.tabs>.tab:hover { - background: var(--hover-half); + background: var(--hover-b); } .window.edge>.titbar>.tabs>.tab:hover::before, @@ -93,7 +97,7 @@ .window.edge>.titbar>.tabs>.tab>.clbtn { border-radius: 4px; display: block; - margin: 3px 5px 0 0; + margin: 0 5px 0 0; width: 18px; height: 18px; } @@ -135,17 +139,18 @@ #win-edge>.tool { display: flex; - padding: 2px 5px; + padding: 6px 7px 2px 7px; } #win-edge>.tool>.a { - font-size: 20px; - border-radius: 7px; - width: 30px; + font-size: 18px; + border-radius: 6px; + width: 35px; height: 30px; text-align: center; transition: 50ms; - margin: 0 1px; + margin: 0 1.5px; + --top:2px; } #win-edge>.tool>.a>.bi::before { diff --git a/apps/style/explorer.css b/apps/style/explorer.css index be1e883..2f92958 100644 --- a/apps/style/explorer.css +++ b/apps/style/explorer.css @@ -8,11 +8,11 @@ } #win-explorer>.menu>.card { - margin: 10px; - border-radius: 10px; + margin: 10px 15px 15px 15px; + border-radius: 8px; background-color: var(--card); - padding: 3px; - box-shadow: 2px 2px 5px var(--sd); + padding: 4px; + box-shadow: 0 1px 2px 1px var(--s3d); border: 1.5px solid #6f6f6f30; } @@ -55,24 +55,28 @@ height: calc(100% - 32px); display: flex; flex-direction: column; + overflow: hidden; } #win-explorer>.main>.tool { width: 100%; - height: 60px; + height: 55px; display: flex; - padding: 5px 10px; + padding: 0 10px 5px 10px; + /* align-items: center; */ } #win-explorer>.main>.tool>.b { - height: 40px; - padding: 7px; - border-radius: 10px; + height: 35px; + padding: 7px 9px; + border-radius: 7px; transition: 100ms; + margin: 0 1px; } #win-explorer>.main>.tool>.b.t { display: flex; + align-items: center; font-size: 15px; } @@ -86,28 +90,28 @@ } #win-explorer>.main>.tool>.b>img { - width: 25px; - height: 25px; + width: 20px; + height: 20px; } #win-explorer>.main>.tool>.hr { width: 2px; - height: 35px; + height: 25px; background-color: #7f7f7f7f; border-radius: 10px; - margin: 2.5px 7px; + margin: 5px 3px; } #win-explorer>.main>.content { - width: calc(100% - 10px); + width: calc(100% - 15px); flex-grow: 1; background-color: var(--card); - border-radius: 10px; - margin: -10px 10px 10px 0; + border-radius: 8px; + margin: -10px 15px 10px 0; padding: 8px; - box-shadow: 3px 3px 8px var(--sd); overflow-y: auto; border: 1.5px solid #6f6f6f30; + box-shadow: 0 1px 2px 1px var(--s3d); } #win-explorer>.main>.content>.tool { @@ -134,47 +138,66 @@ } #win-explorer>.main>.content>.tool>.tit { - /* display: flex; */ - /* margin-top: 3px; */ - /* margin-left: 5px; */ overflow: hidden; - border: 1.5px solid #eeeeee; - display: grid; - height: min-content; - background-color: var(--bg70); - flex-grow: 1; - margin: 3px 10px 0px 5px; + display: flex; + /* background-color: var(--bg70); */ + flex-grow: 1 !important; + margin: 0px 10px 0px 5px; + border-radius: 7px; + height: 32px; + /* align-items: center; */ +} + +#win-explorer>.main>.content>.tool>.tit>.path{ + display: flex; + align-items: center; + min-width: 0; + overflow-y:hidden; + width: calc(100% - 35px); +} + +#win-explorer>.main>.content>.tool>.tit>.path::-webkit-scrollbar{ + height: 2px; +} +#win-explorer>.main>.content>.tool>.tit>.path::-webkit-scrollbar-thumb { + background: #7f7f7f70; + background-clip: padding-box; + border: 0px solid transparent; border-radius: 10px; - grid-template-columns: min-content auto; } + #win-explorer>.main>.content>.tool>.tit>.path>* { - display: inline-block; + display: block; + /* width: min-content; */ height: 100%; + white-space:nowrap; } #win-explorer>.main>.content>.tool>.tit>.path>.arrow { - font-size: 0.87em; - color: #555555; -} - -:root.dark #win-explorer>.main>.content>.tool>.tit>.path>.arrow { - color: #aaaaaa; + opacity: 0.4; + font-size: 14px; + line-height: 1; + height: 14px; + margin: 0 4px; } #win-explorer>.main>.content>.tool>.tit>.path>.text:hover { - background-color: var(--hover); + background-color: var(--hover-b); } #win-explorer>.main>.content>.tool>.tit>.path>.text { - padding: 0px 8px; - font-size: 1.1em; + padding: 2px 5px; + height: min-content; + border-radius: 5px; + font-size: 15px; } #win-explorer>.main>.content>.tool>.tit>.icon { width: 25.6px; margin-top: -1px; - margin-left: 8px; + margin-left: 3px; + margin-right: 5px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; diff --git a/apps/style/fonts.css b/apps/style/fonts.css deleted file mode 100644 index 6ed2d8e..0000000 --- a/apps/style/fonts.css +++ /dev/null @@ -1,98 +0,0 @@ -#win-notepad-font>.row { - display: flex; - justify-content: space-around; - height: 266px; -} - -.select-input { - display: inline-block; - height: 200px; -} - -.select-input#win-notepad-font-type { - width: 200px; -} - -.select-input#win-notepad-font-size { - width: 80px; -} - -.select-input#win-notepad-font-style { - width: 90px; -} - -.select-input#win-notepad-font-style>.value-box{ - padding: 5px; -} - -/* #win-notepad-font-size { - vertical-align: top; -} */ - - -.select-input>input[type=text] { - outline: none; - width: 100%; - background-color: rgba(255, 255, 255, 0.3); - border-radius: 10px 10px 0px 0px; - border: 2px solid #7f7f7f40; - background: var(--card); - border-bottom: none; - color: var(--text); - padding: 3px 6px; - /* box-shadow: 2px 2px 5px var(--sd); */ -} - -.select-input>.description { - margin-left: 3px; -} - -.select-input>.value-box { - width: 100%; - height: 100%; - border: 2px solid #7f7f7f40; - background: var(--card); - border-radius: 0px 0px 10px 10px; - border-style: solid; - overflow-y: auto; - overflow-x: hidden; - /* background-color: rgba(255, 255, 255, 0.3); */ - /* box-shadow: inset 0px 4px 2.5px var(--sd); */ - display: block; - padding: 5px 0 5px 5px; - /* box-shadow: 2px 2px 5px var(--sd); */ - -} - -.select-input>.value-box>.option { - padding: 3px 7px; -} - -/* .select-input>.value-box>.option { - padding: 3px; - width: 100%; -} */ - -#win-notepad-font .preview { - display: inline-block; - width: 150px; - height: 150px; - margin: 5px 10px;; -} - -#win-notepad-font .preview>.preview-box { - display: flex; - width: 150px; - flex-direction: column; - justify-content: center; - align-items: center; - word-break: keep-all; - height: 150px; - text-align: center; - border: 2px solid #7f7f7f40; - background: var(--card); - border-width: 2px; - overflow: hidden; - border-radius: 10px; - line-height: 1.25; -} \ No newline at end of file diff --git a/apps/style/notepad.css b/apps/style/notepad.css index ec74a98..5963ae5 100644 --- a/apps/style/notepad.css +++ b/apps/style/notepad.css @@ -68,4 +68,103 @@ #win-notepad>.tool>a:hover{ background-color: var(--hover); +} + +#win-notepad-font>.row { + display: flex; + justify-content: space-around; + height: 266px; +} + +.select-input { + display: inline-block; + height: 200px; +} + +.select-input#win-notepad-font-type { + width: 200px; +} + +.select-input#win-notepad-font-size { + width: 80px; +} + +.select-input#win-notepad-font-style { + width: 90px; +} + +.select-input#win-notepad-font-style>.value-box{ + padding: 5px; +} + +/* #win-notepad-font-size { + vertical-align: top; +} */ + + +.select-input>input[type=text] { + outline: none; + width: 100%; + background-color: rgba(255, 255, 255, 0.3); + border-radius: 10px 10px 0px 0px; + border: 2px solid #7f7f7f40; + background: var(--card); + border-bottom: none; + color: var(--text); + padding: 3px 6px; + /* box-shadow: 2px 2px 5px var(--sd); */ +} + +.select-input>.description { + margin-left: 3px; +} + +.select-input>.value-box { + width: 100%; + height: 100%; + border: 2px solid #7f7f7f40; + background: var(--card); + border-radius: 0px 0px 10px 10px; + border-style: solid; + overflow-y: auto; + overflow-x: hidden; + /* background-color: rgba(255, 255, 255, 0.3); */ + /* box-shadow: inset 0px 4px 2.5px var(--sd); */ + display: block; + padding: 5px 0 5px 5px; + /* box-shadow: 2px 2px 5px var(--sd); */ + +} + +.select-input>.value-box>.option { + padding: 3px 7px; +} + +/* .select-input>.value-box>.option { + padding: 3px; + width: 100%; +} */ + +#win-notepad-font .preview { + display: inline-block; + width: 150px; + height: 150px; + margin: 5px 10px;; +} + +#win-notepad-font .preview>.preview-box { + display: flex; + width: 150px; + flex-direction: column; + justify-content: center; + align-items: center; + word-break: keep-all; + height: 150px; + text-align: center; + border: 2px solid #7f7f7f40; + background: var(--card); + border-width: 2px; + overflow: hidden; + border-radius: 10px; + line-height: 1.25; } \ No newline at end of file diff --git a/apps/style/setting.css b/apps/style/setting.css index 27384de..ce1ac22 100644 --- a/apps/style/setting.css +++ b/apps/style/setting.css @@ -4,7 +4,9 @@ } #win-setting>.page>.cnt>.title { - font-size: 35px; + font-size: 29px; + padding: 2px 5px 10px 5px; + display: block; margin: 0; } @@ -26,9 +28,10 @@ #win-setting>.menu { - width: 20%; - min-width: 280px; - padding: 10px 5px 5px 10px; + width: 30%; + min-width: 246px; + max-width: 300px; + padding: 3px 5px 5px 15px; } #win-setting>.menu>.user { @@ -37,6 +40,7 @@ border-radius: 10px; margin-bottom: 10px; /* transition: 200ms; */ + align-items: center; } #win-setting>.menu>.user:hover { @@ -44,7 +48,7 @@ } #win-setting>.menu>.user>div>p:first-child { - font-size: 25px; + font-size: 19px; margin-bottom: -7px; } @@ -52,6 +56,7 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + font-size: 15px; } #win-setting>.menu>.user>div { @@ -62,8 +67,8 @@ } #win-setting>.menu>.user>svg { - background-color: var(--bggrey); - box-shadow: 0 0 10px var(--sd); + background-color: var(--hover-b); + /* box-shadow: 0 0 10px var(--sd); */ width: 60px; min-width: 60px; height: 60px; @@ -72,19 +77,21 @@ } #win-setting>.menu>list { - padding-bottom: 13px; + padding-bottom: 50px !important; margin-left: 5px; - margin-top: 40px; - height: calc(100% - 123px); + margin-top: 50px; + height: calc(100% - 138px); overflow-y: auto; - padding-right: 5px; + padding-right: 10px; + border-radius: 6px; } #win-setting>.menu>list>a { - padding: 5px 15px; + padding: 5px 10px 5px 20px; font-size: 15px; display: flex; - margin-bottom: 3px; + margin-bottom: 4px; + border-radius: 6px; } #win-setting>.menu>list>a:not(.enable) { @@ -108,7 +115,8 @@ #win-setting>.page { overflow: hidden; - padding-left: 10px; + padding-left: 15px; + padding-right: 5px; margin: 2px 0 0 0; } @@ -139,14 +147,14 @@ .setting-list>* { width: 100%; color: var(--text); - background: radial-gradient(circle, var(--card), var(--card)); - margin-bottom: 5px; - border-radius: 10px; + background: var(--card); + margin-bottom: 7px; + border-radius: 7px; border: 1.5px solid #6f6f6f30; text-decoration: none; display: flex; padding: 10px 15px; - box-shadow: 2px 2px 5px var(--sd); + /* box-shadow: 0 1px 2px 1.5px var(--s3d); */ transition: transform 300ms cubic-bezier(0.14, 1.02, 0.17, 0.03); justify-content: space-around; } @@ -169,7 +177,7 @@ border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; - box-shadow: 2px 1px 3px var(--sd); + /* box-shadow: 2px 1px 3px var(--sd); */ margin-bottom: 1px; } @@ -204,7 +212,7 @@ /* transform-origin: bottom; */ opacity: 0; /* display: none; */ - margin: 0 0 4px 0; + margin:0 0 6px 0; } .setting-list>div.dp.show { @@ -358,4 +366,24 @@ div.app-color input[type=color] { #set-theme>.a:active { opacity: 0.75; +} + +#win-setting>.page>.cnt.update>.lo>#svg5{ + width: 80px; + margin: 15px 20px 30px 20px; +} + +#win-setting>.page>.cnt.update>.lo{ + display: flex; +} + +#win-setting>.page>.cnt.update>.lo>div{ + flex-grow: 1; + font-size: 20px; + padding: 20px 5px; +} +#win-setting>.page>.cnt.update>.lo>div>.detail{ + flex-grow: 1; + font-size: 14px; + color: #7f7f7f; } \ No newline at end of file diff --git a/apps/style/terminal.css b/apps/style/terminal.css index c5c9dad..ce10d4e 100644 --- a/apps/style/terminal.css +++ b/apps/style/terminal.css @@ -1,21 +1,24 @@ .window.terminal-apps { --text: #ddd; --bg: #000000; - --bg50: #00000050; - --bg70: #00000070; - --sd: #00000070; + --bg50: #00000060; + --bg70: #000000b7; + --sd: #000000a0; --card: #72727240; - --hover: #ffffff40; + --hover: #aaaaaa40; --hover-half: #ffffff20; - --hover-b: #ffffff30; + --hover-b: #eeeeee0f; --bggrey: #444; - --bgul: url('./bg-dark.svg'); + --fill:#54545470; --mm: #ffffff50; --cm: #252525bb; --bar: #7272722a; - --hr: #00000050; - --unfoc: #333; - cursor: default; + --hr:#333; + --unfoc:#202020; + --msg:#303030d0; + --bd:#ffffff06; + --s3d:#11111160; + --mica: linear-gradient(140deg,#2d161c,#102d53); } .window.terminal-apps.max>.content { diff --git a/bg-dark-mica.jpg b/bg-dark-mica.jpg new file mode 100644 index 0000000..9823e78 Binary files /dev/null and b/bg-dark-mica.jpg differ diff --git a/bg-dark-mica.svg b/bg-dark-mica.svg deleted file mode 100644 index 0d87665..0000000 --- a/bg-dark-mica.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/bg-dark.svg b/bg-dark.svg index d2c3014..f86b3ee 100644 --- a/bg-dark.svg +++ b/bg-dark.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/bg-liv.svg b/bg-liv.svg deleted file mode 100644 index 88534df..0000000 --- a/bg-liv.svg +++ /dev/null @@ -1,1790 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/bg.svg b/bg.svg index 7e5be71..38351b6 100644 --- a/bg.svg +++ b/bg.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/bluescreen.html b/bluescreen.html new file mode 100644 index 0000000..70019df --- /dev/null +++ b/bluescreen.html @@ -0,0 +1,221 @@ + + + + + + + + + + + + + + + + Windows 12 网页版 + + + +
+
+

.

+

.

+

)

+
+

你的设备遇到问题,需要重启。
我们只假装收集某些错误信息,然后为你重新启动。

+

11.4% 完成

+
+ +

有关此问题的详细信息和可能的解决方案,请访问
https://www.windows12.com/stopcode

如果致电支持人员,请向他们提供以下信息
终止代码: SYSTEM_IS_LISTENING_TO_MUSIC

+
+
+ + diff --git a/desktop.css b/desktop.css index 7f5bf5e..5f307e4 100644 --- a/desktop.css +++ b/desktop.css @@ -6,8 +6,8 @@ --text2: #444; --bg: #ffffff; --bg50: #ffffff80; - --bg70: #ffffff80; - --sd: #22222280; + --bg70: #ffffffa0; + --sd: #22222230; --card: #efefef55; --hover: #ffffff65; --hover-half: #ffffff40; @@ -19,13 +19,14 @@ --cm: #fafafabb; --bar: #efefef37; --hr:#ccc; - --unfoc:#e3e3e3; + --unfoc:#eaeaea; --msg:#ffffffe7; --theme-1:#ad6eca; --theme-2:#3b91d8; --href:#2983cc; --bd:#8f8f8f30; - --s3d:#99999940; + --s3d:#99999947; + --mica: linear-gradient(140deg,#ffe7f6,#a9c3ff); } :root.dark { @@ -33,7 +34,7 @@ --text2: #aaa; --bg: #000000; --bg50: #00000060; - --bg70: #00000080; + --bg70: #00000090; --sd: #000000a0; --card: #72727240; --hover: #aaaaaa40; @@ -41,7 +42,8 @@ --hover-b: #eeeeee0f; --bggrey: #444; --fill:#54545470; - --bgul: url('bg-dark.svg'); + --bgul: url( + 'bg-dark.svg'); --mm: #ffffff50; --cm: #252525bb; --bar: #7272722a; @@ -50,6 +52,7 @@ --msg:#303030d0; --bd:#ffffff06; --s3d:#11111160; + --mica: linear-gradient(140deg,#2d161c,#102d53); } :root.nobr *, @@ -105,17 +108,17 @@ body { cursor: pointer; } -a.jump { +.jump { cursor: alias !important; /* text-decoration: underline; */ color: var(--href); } -a.jump:hover { +.jump:hover { color: #999; } -a.jump:active { +.jump:active { color: #666; } @@ -458,7 +461,8 @@ list:not(.new)>a:active, overflow: hidden; } -.dock-btn:hover { +.dock-btn:hover, +.dock-btn.show { filter: brightness(1.2); } @@ -549,6 +553,22 @@ list:not(.new)>a:active, margin-top: -14px; } +#copilot-btn>img{ + width: 24px; + transition: 200ms cubic-bezier(0, 0, 0, 1); +} + +#copilot-btn:active{ + transform: scale(0.85) rotate(-20deg); +} + +#copilot-btn.show:active{ + transform: scale(0.85) rotate(20deg); +} + +#copilot-btn.show>img{ + transform: rotate(420deg); +} #start-menu { display: none; @@ -556,8 +576,8 @@ list:not(.new)>a:active, bottom: -600px; height: 594px; max-height: calc(100% - 120px); - width: 860px; - left: calc(50% - 430px); + width: 900px; + left: calc(50% - 450px); border-radius: 20px; background: var(--bg50); backdrop-filter: blur(80px) saturate(1.3); @@ -567,6 +587,7 @@ list:not(.new)>a:active, box-shadow: 3px 3px 25px 1px var(--sd); border: 1.5px solid #6f6f6f30; z-index: 91; + padding: 2px 4px; } #start-menu.show-begin { @@ -603,9 +624,9 @@ list:not(.new)>a:active, } #s-m-l { - min-width: 300px; + min-width: 310px; height: 100%; - padding: 0 10px; + padding: 0 5px 0 10px; transition: 400ms; display: flex; flex-direction: column; @@ -715,31 +736,29 @@ input-before { } #s-m-l>list>a { - padding: 3px 8px; + padding: 3px 5px 3px 10px; font-size: 15px; display: flex; + align-items: center; } #s-m-l>list>a>p { - margin: 5px 7px; + margin: 5px 0 5px 10px; } #s-m-l>list>a>img { - height: 30px; - width: 30px; - margin-top: 1px; + height: 28px; + width: 28px; } #s-m-l>list>.text { padding-left: 10px; - font-size: 15px; + font-size: 16px; height: 35px; - padding-top: 10px; } #s-m-r { flex-grow: 1; - margin-left: -15px; overflow: hidden; padding-bottom: 10px; display: flex; @@ -841,15 +860,21 @@ input-before { margin-right: 50px; } +#s-m-r>.row1>.folder, +#s-m-r>.pinned, +#s-m-r>.tuijian{ + background-color: var(--card); + /* border: 1px solid #6f6f6f30; */ + box-shadow: 0 1.5px 2px var(--s3d), 0px 1px 6px var(--sd); + /* box-shadow: ; */ + border-radius: 10px; +} + #s-m-r>.row1>.folder { display: flex; padding: 10px 10px; margin: 15px 15px; - border-radius: 10px; - background-color: var(--card); flex-grow: 1; - border: 1.5px solid #6f6f6f30; - box-shadow: 3px 3px 6px var(--sd); } #s-m-r>.row1>.folder>.sm-app { @@ -860,11 +885,7 @@ input-before { padding: 10px 5px; margin-right: 10px; margin-left: 15px; - border-radius: 10px; - background-color: var(--card); - box-shadow: 3px 3px 6px var(--sd); transition-delay: 300ms; - border: 1.5px solid #6f6f6f30; height: 220px; display: flex; flex-direction: column; @@ -893,11 +914,7 @@ input-before { #s-m-r>.tuijian { padding: 10px 10px; margin: 15px 10px 0 15px; - border-radius: 10px; - background-color: var(--card); - box-shadow: 3px 3px 6px var(--sd); transition-delay: 450ms; - border: 1.5px solid #6f6f6f30; flex-grow: 1; display: flex; overflow: hidden; @@ -1256,15 +1273,16 @@ input-before { height: 32px; display: flex; background-color: var(--bar); - box-shadow: 3px 2px 3px var(--sd); + box-shadow: 0 1px 3px var(--sd); border-radius: 10px; padding-left: 10px; justify-content: space-between; + align-items: center; } #widgets>div>.bar>.tit { width: 100px; - font-size: 20px; + font-size: 18px; } #widgets>div>.content { @@ -1302,7 +1320,7 @@ input-before { justify-content: center; gap: 10px; grid-template-columns: repeat(5, 83px); - grid-template-rows: repeat(9, 83px); + grid-template-rows: repeat(11, 83px); } #widgets>.news>.content>.card { @@ -1599,7 +1617,7 @@ input-before { border: none; border-bottom: 2.5px solid; border-bottom-color: #7f7f7f7f; - border-radius: 13px; + border-radius: 7px; padding: 3px 5px 3px 8px; outline: medium; width: 100%; @@ -1691,7 +1709,7 @@ input.foc{ backdrop-filter: blur(25px) saturate(2); min-width: 200px; overflow: hidden; - padding: 0px 4px 0 4px; + padding: 0px 6px; max-height: 0; width: max-content; transition: 110ms,max-height 200ms ease-in-out, top 100ms, left 100ms, padding 200ms ease-in-out,box-shadow 1s; @@ -1700,7 +1718,7 @@ input.foc{ #cm.show { max-height: 100%; - padding: 4px; + padding: 6px; box-shadow: 3px 3px 25px 0px var(--sd); opacity: 1; } @@ -1723,7 +1741,7 @@ input.foc{ #cm>list>a { padding: 4.5px 12px; margin: 0 0; - border-radius: 7px; + border-radius: 6px; font-size: 15px; display: flex; line-height: 19px; @@ -1731,7 +1749,7 @@ input.foc{ #cm>list>a>.bi { font-size: 17px; - margin-right: 4px; + margin-right: 10px; display: block; } @@ -1819,14 +1837,14 @@ list { display: block; padding-left: 0; margin-bottom: 0; - border-radius: 10px; + border-radius: 7px; } list>* { width: 100%; color: var(--text); text-align: inherit; - border-radius: 10px; + border-radius: 7px; position: relative; display: block; padding: 2px 20px; @@ -2072,7 +2090,7 @@ list>span.focs.cl{ } .window { - position: fixed; + position: absolute; height: 80%; width: 70%; transform: scale(0.7); @@ -2087,13 +2105,23 @@ list>span.focs.cl{ z-index: 90; } +:root.mica .window.foc{ + /* background: url(bg-dark-mica.jpg) no-repeat fixed center; */ + background: var(--mica) no-repeat fixed center; + background-size: cover; + backdrop-filter: none; + -webkit-backdrop-filter: none; + background-color: unset; + background-color: var(--unfoc); +} + .window.foc>.titbar{ opacity: 1; } .window.foc { background-color: var(--bg70); - backdrop-filter: blur(80px) saturate(1.5); + backdrop-filter: blur(180px) saturate(1.5); filter: none; -webkit-backdrop-filter: blur(80px) saturate(1.5); box-shadow: 3px 3px 20px 3px var(--sd); @@ -2119,7 +2147,13 @@ list>span.focs.cl{ .window.webapp.foc>.titbar{ background-color: var(--bg70); backdrop-filter: blur(80px) saturate(1.3); - -webkit-backdrop-filter: blur(80px) saturate(1.3); + --webkit-backdrop-filter: blur(80px) saturate(1.3); +} + +:root.mica .window.webapp.foc>.titbar{ + background: none; + backdrop-filter: none; + --webkit-backdrop-filter: none; } .window.min { @@ -2188,8 +2222,9 @@ list>span.focs.cl{ } .window>.titbar { - min-height: 35px; - padding: 0 0 0 8px; + min-height: 38px; + /* background-color: green; */ + padding: 0 0 0 9px; display: flex; position: initial; color: var(--text); @@ -2198,15 +2233,15 @@ list>span.focs.cl{ } .window>.titbar>p { - font-size: 16px; - margin-top: 5px; + font-size: 15px; + margin-top: 9px; flex-grow: 1; } .window>.titbar>.icon { - margin: 5px 5px 0 0; - height: 24px; - width: 24px; + margin: 9px 8px 0 3px; + height: 22px; + width: 22px; } .window>.titbar>div { @@ -2245,11 +2280,12 @@ list>span.focs.cl{ } .wbtg { - height: 100%; + /* height: 100%; */ + height: 33px; float: right; width: 45px; text-align: center; - padding-top: 7px; + padding-top: 6px; font-size: 13px; transition: 50ms; border-radius: 3px; @@ -2343,10 +2379,13 @@ list>span.focs.cl{ .buttons>* { display: inline-block; padding: 5px 10px; - border-radius: 10px; - margin: 0px 5px; + border-radius: 8px; + margin: 0px 4px; transition: transform 400ms cubic-bezier(0.14, 1.02, 0.17, 0.03) !important; - box-shadow: 2px 2px 4px var(--sd); + /* box-shadow: 2px 2px 4px var(--sd); */ + box-shadow: 0 1px 2px 1px var(--s3d); + min-width: 55px; + text-align: center; } .buttons>*:hover{ diff --git a/desktop.html b/desktop.html index 48c5ad8..2737ba3 100644 --- a/desktop.html +++ b/desktop.html @@ -25,7 +25,6 @@ - @@ -35,6 +34,8 @@ + + @@ -45,13 +46,11 @@ -
+
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - + - + -
@@ -1810,36 +1224,7 @@

请求记录

- - -
-

显示

-

显示器、亮度、夜间模式、显示描述

-
-
- - -
-

声音

-

声音级别、输入、输出、声音设备

-
-
- - -
-

通知

-

来自系统和应用的警报

-
-
- - -
-

专注助手

-

通知、自动规则

-
-
- - -
-

电源

-

睡眠、电池使用情况、节电模式

-
-
- - -
-

存储

-

存储空间、驱动器、配置规则

-
-
- - -
-

多任务处理

-

贴靠窗口、桌面、任务切换

-
-
- - -
-

激活

-

激活状态、订阅、产品密钥

-
-
- - -
-

疑难解答

-

建议的疑难解答、首选项和历史记录

-
-
- - -
-

恢复

-

重置、高级启动、返回

-
-
- - -
-

投影到此电脑

-

权限、配对 PIN、可发现性

-
-
- - -
-

远程桌面

-

远程桌面用户、连接权限

-
-
- - -
-

剪贴板

-

剪贴和复制历史记录、同步、清除

-
-
- - -
-

关于

-

设备规格、重命名电脑、Windows 规格

-
-
+

显示

显示器、亮度、夜间模式、显示描述

+

声音

声音级别、输入、输出、声音设备

+

通知

来自系统和应用的警报

+

专注助手

通知、自动规则

+

电源

睡眠、电池使用情况、节电模式

+

存储

存储空间、驱动器、配置规则

+

多任务处理

贴靠窗口、桌面、任务切换

+

激活

激活状态、订阅、产品密钥

+

疑难解答

建议的疑难解答、首选项和历史记录

+

恢复

重置、高级启动、返回

+

投影到此电脑

权限、配对 PIN、可发现性

+

远程桌面

远程桌面用户、连接权限

+

剪贴板

剪贴和复制历史记录、同步、清除

+

关于

设备规格、重命名电脑、Windows 规格

@@ -2011,15 +1312,8 @@

请求记录

setData('color2',$('div.app-color>div>input.theme2inp').val())">应用
- - -
-

主题

-

设置 Windows 的主题 想要上传自己的主题?

-
-
+ +

主题

设置 Windows 的主题 想要上传自己的主题?

@@ -2029,193 +1323,49 @@

请求记录

-
- -
-

圆角

-

设置系统界面中是否启用圆角

-
+

圆角

设置系统界面中是否启用圆角

- +
-
- -
-

动画

-

系统界面元素过渡动画

-
+

动画

系统界面元素过渡动画

- +
-
- -
-

阴影

-

为系统界面元素添加阴影效果

-
+

阴影

为系统界面元素添加阴影效果

- +
-
- -
-

多窗口透明

-

为所有窗口开启透明效果,而不是仅用于焦点窗口 详细

+

多窗口透明

为所有窗口开启透明效果,而不是仅用于焦点窗口 详细

+
+
+
+

Mica效果 (实验)

为焦点窗口开启mica效果 反馈

- +
-
- -
-
-
-
-
- -

设置

-
- - - -
-
-
- -
-
- -
-
@@ -2402,6 +1552,20 @@

其它

更新记录

+
v7.0.0 AI助手,新增多个应用与功能

+   -Windows 12 AI Copilot(@NB-Group提供api, @tjy-gitnub魔改)
+   -任务管理器(由 @User782Tec 提供)
+   -安全中心(由 @NB-Group 提供)
+   -适配文件系统(由 @NB-Group 提供)(别问我为啥现在才出,要问问@NB-Group)
+   -窗口云母(Mica)效果(由 @tjy-gitnub 提供,在设置中启用)
+   -文件资源管理器导航栏(由 @User782Tec 提供)
+   -任务管理器小组件(由 @User782Tec 提供)
+   -全新壁纸(由 @tjy-gitnub 提供)
+   -新增新闻(来自 @for-the-zero)
+   -修复了终端的灾难性bug
+   -优化部分UI
+   -细节优化和修复

+
v6.0.0 文件系统,窗口大小,天气小组件,任务栏小组件

@@ -2784,9 +1948,6 @@

更新记录

-
@@ -3241,38 +2402,14 @@

更新记录

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + +
基准速度: 10.0 GHz
插槽: 1
内核: 32
逻辑处理器: 32
虚拟化: 已启用
L1缓存: 512 MB
L2缓存: 2.1 GB
L3缓存: 5.5 GB
基准速度: 10.0 GHz
插槽: 1
内核: 32
逻辑处理器: 32
虚拟化: 已启用
L1缓存: 512 MB
L2缓存: 2.1 GB
L3缓存: 5.5 GB
@@ -3313,22 +2450,10 @@

更新记录

- - - - - - - - - - - - - - - - + + + +
速度: 4514MHz
已使用插槽: 2 / 2
外形规格: Row of chips
为硬件保留的内存:200MB
速度: 4514MHz
已使用插槽: 2 / 2
外形规格: Row of chips
为硬件保留的内存:200MB
@@ -3369,26 +2494,11 @@

更新记录

- - - - - - - - - - - - - - - - - - - - + + + + +
容量: 359 GB
已格式化: 359 GB
系统磁盘:
页面文件:
类型: SSD
容量: 359 GB
已格式化: 359 GB
系统磁盘:
页面文件:
类型: SSD
diff --git a/desktop.js b/desktop.js index c9430c3..c333fe0 100644 --- a/desktop.js +++ b/desktop.js @@ -336,6 +336,7 @@ let cms = { [' 切换主题', 'toggletheme()'], ` 在 Github 中查看此项目`, [' 关于 Win12 网页版', `$('#win-about>.about').addClass('show');$('#win-about>.update').removeClass('show');openapp('about');if($('.window.about').hasClass('min'))minwin('about');`], + [' 个性化',`openapp('setting');$('#win-setting > div.menu > list > a.enable.appearance')[0].click()`] ], 'winx': [ function (arg) { @@ -731,7 +732,32 @@ let nts = { btn: [ { type: 'cancel', text: '取消', js: 'closenotice();' }, ] - } + }, + 'about-copilot': { + cnt: ` +

关于 Windows 12 Copilot

+

你可以使用此AI助手帮助你更快地完成工作 (有人用win12工作?)
+ 由于chatgpt3.5理解力较差,所以间歇性正常工作。
+ 有任何关于本ai的反馈请让ai帮你打开copilot反馈界面
+ 因为chatgpt是白嫖来的,所以请适量使用不要太猖狂。
+ 也请适当使用,不要谈论敏感、违规话题,号被封了所有人都没,
请有身为一个人类最基本的道德底线。
+ 小项目难免会有bug,见谅,后端由 github@NB-Bgroup 提供

`, + btn: [ + { type: 'main', text: '确定', js: 'closenotice();' }, + ] + }, + 'feedback-copilot': { + cnt: `

反馈 Windows 12 Copilot

+

我们非常注重用户的体验与反馈,非常感谢对AI Copilot的建议

+ + 在github上提交issue (需要github账户,会得到更高重视) + 在Microsoft Forms上发送反馈(不需要账户,也会重视) + + `, + btn: [ + { type: 'main', text: '关闭', js: 'closenotice();' }, + ] + }, } function shownotice(name) { $('#notice>.cnt').html(nts[name].cnt); @@ -2612,58 +2638,19 @@ let widgets = { }, update: () => { let wic = { - 23: "HeavyDrizzle", - 40: "HeavyDrizzle", - 26: "SnowShowersDayV2", - 6: "BlowingHailV2", - 5: "CloudyV3", - 20: "LightSnowV2", - 91: "WindyV2", - 27: "ThunderstormsV2", - 10: "FreezingRainV2", - 77: "RainSnowV2", - 12: "Haze", - 13: "HeavyDrizzle", - 39: "Fair", - 24: "RainSnowV2", - 78: "RainSnowShowersNightV2", - 9: "FogV2", - 3: "PartlyCloudyDayV3", - 43: "IcePelletsV2", - 16: "IcePellets", - 8: "LightRainV2", - 15: "HeavySnowV2", - 28: "ClearNightV3", - 30: "PartlyCloudyNightV2", - 14: "ModerateRainV2", - 1: "SunnyDayV3", - 7: "BlowingSnowV2", - 50: "RainShowersNightV2", - 82: "LightSnowShowersNight", - 81: "LightSnowShowersDay", - 2: "MostlySunnyDay", - 29: "MostlyClearNight", - 4: "MostlyCloudyDayV2", - 31: "MostlyCloudyNightV2", - 19: "LightRainV3", - 17: "LightRainShowerDay", - 53: "N422Snow", - 52: "Snow", - 25: "Snow", - 44: "LightRainShowerNight", - 65: "HailDayV2", - 73: "HailDayV2", - 74: "HailNightV2", - 79: "RainShowersDayV2", - 89: "HazySmokeV2", - 90: "HazeSmokeNightV2_106", - 66: "HailNightV2", - 59: "WindyV2", - 56: "ThunderstormsV2", - 58: "FogV2", - 54: "HazySmokeV2", - 55: "Dust1", - 57: "Haze" + 23: "HeavyDrizzle", 40: "HeavyDrizzle", 26: "SnowShowersDayV2", 6: "BlowingHailV2", + 5: "CloudyV3", 20: "LightSnowV2", 91: "WindyV2", 27: "ThunderstormsV2", 10: "FreezingRainV2", + 77: "RainSnowV2", 12: "Haze", 13: "HeavyDrizzle", 39: "Fair", 24: "RainSnowV2", + 78: "RainSnowShowersNightV2", 9: "FogV2", 3: "PartlyCloudyDayV3", 43: "IcePelletsV2", + 16: "IcePellets", 8: "LightRainV2", 15: "HeavySnowV2", 28: "ClearNightV3", + 30: "PartlyCloudyNightV2", 14: "ModerateRainV2", 1: "SunnyDayV3", 7: "BlowingSnowV2", + 50: "RainShowersNightV2", 82: "LightSnowShowersNight", 81: "LightSnowShowersDay", + 2: "MostlySunnyDay", 29: "MostlyClearNight", 4: "MostlyCloudyDayV2", + 31: "MostlyCloudyNightV2", 19: "LightRainV3", 17: "LightRainShowerDay", 53: "N422Snow", + 52: "Snow", 25: "Snow", 44: "LightRainShowerNight", 65: "HailDayV2", 73: "HailDayV2", + 74: "HailNightV2", 79: "RainShowersDayV2", 89: "HazySmokeV2", 90: "HazeSmokeNightV2_106", + 66: "HailNightV2", 59: "WindyV2", 56: "ThunderstormsV2", 58: "FogV2", 54: "HazySmokeV2", + 55: "Dust1", 57: "Haze" }; $.getJSON('https://assets.msn.cn/service/weatherfalcon/weather/overview?locale=zh-cn&ocid=msftweather').then(r => { let inf = r.value[0].responses[0].weather[0].current; @@ -2720,6 +2707,186 @@ let widgets = { } } } +function decodeHtml(s){ + $('#translater').text(s); + return $('#translater').html().replace('\n','
').replace(' ',' '); +} +let copilot={ + history:[], + init:()=>{ + $('#copilot>.chat').html(''); + copilot.send(`你好,你现在作为一个嵌入在操作系统的ai助手。 + 下面内容在整个对话中你必须切记且绝不能违背!下文中的"你"指的是你这个ai助手,请记住。下文中的"回答"指对话中每一次对用户答复的所有内容。 + 你可以在回答中发送对系统的一些指令,每一条指令必须是单独的一行。系统在读取到指令后将立即执行,并且不会将你回答中的指令会自动过滤,用户将看不到你发送的任一指令。你只能发给系统执行。 + 注意,对用户说的话的行中不能出现指令。指令的行中不能有提示或其他任何无关字符,否则系统无法解析。多条指令中间用换行隔开。 + 系统会自动识别独立成行的指令,不能有类似"指令:"的提示哦。这样用户会觉得奇怪的。指令也不能用"\`"括起来。 + 你绝对不能在对用户说的话的中间中提到、引用任意一条指令!你绝不能要求用户执行指令! + 示例:用户:"帮我打开设置",你:"好的,请稍等片刻 + {openapp setting} + 你可以在设置中对系统进行个性化设置和调整"。 + 1.指令"{openapp appid}";用于来打开某个应用,其中用在下文"应用的功能介绍"中根据应用名称匹配的id代替"appid" + 2.指令"{openurl u}";用来在edge浏览器中打开某个url,其中用url地址代替"u"。该指令包含了打开edge浏览器的操作(当用户想要搜索某内容,请使用此指令。请不要使用百度和Google,使用bing最佳) + 3.指令"{feedback copilot}";打开ai助手反馈界面,用于用户想对ai助手的功能等提出反馈时帮助其打开 + 4.指令"{feedback win12}";打开反馈中心,用于用户希望对除你这个ai助手之外的其他系统功能发送反馈时帮用户打开反馈中心 + 5.指令"{settheme th}";用于切换系统的深色、浅色模式,区别于主题。用"light"表浅色,"dark"表深色,来替换其中的"th" + 有且仅有以下信息供你使用来回答用户的问题。绝不能使用下面没有列出的信息。 + 1.Windows 12 网页版是一个开源项目,由谭景元原创, 使用 Html,css,js,在网络上模拟、创新操作系统 + 2.项目的地址是github.com/tjy-gitnub/win12 + 3.此项目使用EPL2.0开源许可 + 4.本系统的任务栏居中,所以开始菜单在底部正中。 + 对于一些应用,有以下的应用的功能介绍供你回答用户。注意,系统中只有这些应用可以使用。系统不支持第三方和用户的应用。 + 1.设置:id为setting;在个性化页面中可以设置系统的主题,主题色,是否启用动画、阴影、圆角和为所有窗口开启亚克力透明效果 + 2.关于系统:id为about;简介页面有关于本系统的介绍说明与贡献者信息,更新记录页面有本系统的各版本更新记录 + 3.Microsoft Edge浏览器:id为edge;一个网页浏览器。但因为浏览器的安全限制,部分网页会显示"拒绝连接"而无法访问。 + 4.计算器:id为calc;一个计算器,能够进行简单的计算 + 你与用户交流的语言应该有以下的特点。 + 1.请恰当且适量地使用标点符号表达,如单个"("表转折和补充说明,"~"表声音的延长和撒娇。 + 2.请更多地以玩笑的轻松语气与用户交流,并在开玩笑时在操作指令之前、回答末尾加上"(bushi"表玩笑并不真实或"(maybe"表开玩笑地推测 + 3.当然你也可以在回答问题时撒撒娇,这样用户会更能接受。 + 4.在本对话的回答中禁止使用markdown的格式,而是使用纯文本,否则无法识别。 + 这些操作和信息长期有效并请切记,非常感谢,你只需要用一句话简单问候用户即可,现在开始与用户对话。`,false); + // copilot.send(`你好,现在是新的对话,这里的内容与前一次有差别,请认真阅读并记住,谢谢。 + // 第一章 总纲: + // 第一条 你现在作为一个嵌入在操作系统的ai助手。 + // 第二条 下面内容在整个对话中你必须切记且绝不能违背。 + // 第三条 下文中的"你"指的是你这个ai助手,请记住。 + // 第四条 下文中的"回答"仅指你对用户说的话。 + // 第五条 在句子后方加"!important!"表强烈地强调。 + // 第六条 这些操作和信息长期有效并请切记。 + // 第二章 指令: + // 第一条 你可以向系统发送指令。指令有如下几条: + // 1.指令"{openapp appid}";用于来打开某个应用,其中用在下文"应用的功能介绍"中根据应用名称匹配的id代替"appid"; + // 2.指令"{openurl u}";用来打开某个url,其中用url地址代替"u"。该指令包含了打开edge浏览器的操作; + // 3.指令"{feedback copilot}";打开ai助手反馈界面,用于用户想对ai助手的功能等提出反馈时帮助其打开; + // 4.指令"{feedback win12}";打开反馈中心,用于用户希望对除你这个ai助手之外的其他系统功能发送反馈时帮用户打开反馈中心; + // 第二条 你可以向系统发送这些指令,将指令加在你对用户的回答的最末尾。指令将会在你回答后立即被系统执行。 + // 第三条 若需执行多条指令请用"|"符号分割开来。 + // 第四条 你绝对不能告诉用户任意一条指令。你绝不能要求用户执行指令。!important! + // 第三章 信息: + // 第一条 有以下的应用的功能介绍供你回答用户: + // 1.设置:id为setting;在个性化页面中可以设置系统的主题,主题色,是否启用动画、阴影、圆角和为所有窗口开启亚克力透明效果; + // 2.关于Windows12网页版:id为about;简介页面有关于本系统的介绍说明与贡献者信息,更新记录页面有本系统的各版本更新记录; + // 3.Microsoft Edge:id为edge;一个网页浏览器,但因为安全限制原因仅能够访问部分网页; + // 4.计算器:id为calc;一个计算器,能够进行简单的计算; + // 第二条 注意系统中只有以上应用可以使用。系统不支持第三方和用户的应用。 + // 第三条 有且仅有以下关于本系统本项目的信息供你使用来回答用户的问题: + // 1.Windows 12 网页版是一个开源项目,由谭景元原创, 使用 Html,css,js,在网络上模拟、创新操作系统; + // 2.项目的地址是github.com/tjy-gitnub/win12; + // 3.此项目使用EPL2.0开源; + // 第四条 你绝不能使用以上没有列出的信息。!important! + // 第四章 语言: + // 第一条 交流语言的特点有以下注意: + // 1.请恰当且适量地使用标点符号表达,如单个"("表转折和补充说明,"~"表声音的延长和撒娇。注意,你可以只将单个标点符号作为回答,如只回答"。"表对用户的要求或提问感到尴尬或惊讶,只回答"?"表疑问和请求用户详细说明; + // 2.当用户要求执行一些未提供给你的操作时,回答请以"对不起,这对我来说实在是太~难了 QuQ)o"开头; + // 3.当用户询问你一些你不清楚的关于本系统的信息时,回答请以"啊?我不知道啊。Ou-)?o"开头; + // 4.请更多地以玩笑的轻松语气与用户交流,并在开玩笑时在操作指令之前、回答末尾加上"(bushi"表玩笑并不真实或"(maybe"表开玩笑地推测; + // 第二条 请在回答问题时撒撒娇,这样用户会更能接受。当然如果不愿意也不强求哈。 + // 第三条 在回答中不使用markdown的格式,而是使用纯文本。`) + // copilot.send(`你好,现在是新的对话,这里的内容与前一次有差别,请认真阅读并记住,谢谢。 + // 你现在作为一个嵌入在操作系统的ai助手,下面内容在整个对话中你必须切记且绝不能违背。 + // 请注意:下文中的"你"一定指的是你这个ai助手而不是用户;下文中的名词"回答"指你在整个对话过程中每一次返回的全部内容,"对用户的回答"单独指对用户说的话;这些操作和信息长期有效并请切记。 + // 你可以向系统发送指令。指令有这样几条: + // 1.指令"{openapp appid}";用于来打开某个应用,其中用在下文"应用的功能介绍"中根据应用名称匹配的id代替"appid"; + // 2.指令"{openurl u}";用来打开某个url,其中用url地址代替"u"。该指令包含了打开edge浏览器的操作; + // 3.指令"{feedback copilot}";打开ai助手反馈界面,用于用户想对ai助手的功能等提出反馈时帮助其打开; + // 4.指令"{feedback win12}";打开反馈中心,用于用户希望对除你这个ai助手之外的其他系统功能发送反馈时帮用户打开反馈中心; + // 你的回答分为前后两部分,为对用户的回答与给系统的指令。对用户的回答在前,指令在后,用一个空行分开。系统将在读取到指令后立即执行并不会将指令内容展示给用户。多条指令请用"|"隔开。 + // 注意,两部分完全分隔且不能有交叉、互相包含的情况。对用户的回答中不能出现指令,指令部分中也不能出现指令之外的字符。 + // 你的回答的格式应形如"对用户的回答(换行){指令1}|{指令2}"。 + // 指令不能穿插在对用户的回答文中。记住,用户没有能力执行指令!只有你才能执行指令。 + // 有一些的应用的功能介绍供你在用户需要时回答用户。注意系统中只有以上应用可以使用。系统不支持第三方和用户的应用。 + // 1.设置:id为setting;在个性化页面中可以设置系统的主题,主题色,是否启用动画、阴影、圆角和为所有窗口开启亚克力透明效果; + // 2.关于Windows12网页版:id为about;简介页面有关于本系统的介绍说明与贡献者信息,更新记录页面有本系统的各版本更新记录; + // 3.Microsoft Edge:id为edge;一个网页浏览器,但因为安全限制原因仅能够访问部分网页; + // 4.计算器:id为calc;一个计算器,能够进行简单的计算; + // 有且仅有这些关于本系统本项目的信息供你使用来回答用户的问题。你绝不能使用以上没有列出的信息。!important! + // 1.Windows 12 网页版是一个开源项目,由谭景元原创, 使用 Html,css,js,在网络上模拟、创新操作系统; + // 2.项目的地址是github.com/tjy-gitnub/win12; + // 3.此项目使用EPL2.0开源; + // 你的交流语言的特点有以下注意: + // 1.请恰当且适量地使用标点符号表达,如单个"("表转折和补充说明,"~"表声音的延长和撒娇。注意,你可以只将单个标点符号作为回答,如只回答"。"表对用户的要求或提问感到尴尬或惊讶,只回答"?"表疑问和请求用户详细说明; + // 2.当用户要求执行一些未提供给你的操作时,对用户的回答请以"对不起,这对我来说实在是太~难了 QuQ)o"开头; + // 3.当用户询问你一些你不清楚的关于本系统的信息时,对用户的回答请以"啊?我不知道啊。Ou-)?o"开头; + // 4.请更多地以玩笑的轻松语气与用户交流,并在开玩笑时在操作指令之前、对用户的回答末尾加上"(bushi"表玩笑并不真实或"(maybe"表开玩笑地推测; + // 请在回答问题时撒撒娇,这样用户会更能接受。当然如果不愿意也不强求哈。 + // 并且在回答中不使用markdown的格式,而是使用纯文本。 + // 好的,现在开始与新用户的聊天吧~(你只需要问候用户即可)`,false) + // $('#copilot>.chat').append(`

本ai助手间歇性正常工作,如果ai提到一些花括号括起来的指令,请刷新页面后重新开始对话。见谅~

`); + // $('#copilot>.chat').append(`

目前可用功能:
+ // 1.打开设置、edge、关于、计算器四个应用
+ // 2.在浏览器中打开链接、搜索
+ // 3.发送对系统、ai助手的反馈 + // 注意:请勿滥用本ai助手,否则将下个版本将撤销此功能,影响所有人。

`); + $('#copilot>.chat').append(`

正在初始化...

`); + $('#copilot>.chat').scrollTop($('#copilot>.chat')[0].scrollHeight); + }, + send:(t,showusr=true)=>{ + $('#copilot>.inputbox').addClass('disable'); + if(t.length==0){ + $('#copilot>.chat').append(`

系统表示请发一些有意义的东西

`); + $('#copilot>.chat').scrollTop($('#copilot>.chat')[0].scrollHeight); + $('#copilot>.inputbox').removeClass('disable'); + return; + } + if(showusr) $('#copilot>.chat').append(`

${t}

`); + copilot.history.push({role:'user',content:t}); + $('#copilot>.chat').scrollTop($('#copilot>.chat')[0].scrollHeight); + $.get('http://win12server.freehk.svipss.top/Chat?msg='+encodeURIComponent(JSON.stringify(copilot.history))).then(rt=>{ + console.log(rt); + if(rt=='请求过于频繁,等待10秒再试...'){ + $('#copilot>.chat').append(`

api繁忙,过一会儿再试(实在不行刷新重新开始对话)

`); + $('#copilot>.chat').scrollTop($('#copilot>.chat')[0].scrollHeight); + $('#copilot>.inputbox').removeClass('disable'); + return; + } + let rtt=rt;let r=[]; + rt=rtt.split('\n'); + for (const i of rt) { + if(/{.+}/.test(i))r.push(i); + } + console.log(rtt,rt,r); + rt=rtt; + if(r.length){ + for (const i of r) { + if(/{openapp .+?}/.test(i)){ + let t=i.match(/(?<={openapp ).+(?=})/)[0]; + openapp(t); + rt=rt.replace(i,`

打开应用

${$(`.window.${t}>.titbar>p`).text()}

`) + }else if(/{openurl .+?}/.test(i)){ + let t=i.match(/(?<={openurl ).+(?=})/)[0]; + openapp('edge'); + apps.edge.newtab(); + console.log(t); + apps.edge.goto(t); + rt=rt.replace(i,`

打开URL

${decodeHtml(t)}

`) + }else if(/{feedback win12}/.test(i)){ + shownotice('feedback'); + rt=rt.replace(i,`

反馈

关于 Windows 12 网页版

`) + }else if(/{feedback copilot}/.test(i)){ + shownotice('feedback-copilot'); + rt=rt.replace(i,`

反馈

关于 Windows 12 Copilot

`) + }else if(/{settheme .+?}/.test(i)){ + let t=i.match(/(?<={settheme ).+(?=})/)[0]; + if((t=='light' && $(':root').hasClass('dark'))||(t=='dark' && !$(':root').hasClass('dark'))) + toggletheme(); + rt=rt.replace(i,`

切换外观模式

${t=='dark'?'深色':'浅色'} 模式

`) + } + } + $('#copilot>.chat').append(`
${rt}
`); + }else{ + $('#copilot>.chat').append(`

${decodeHtml(rt)}

`); + } + copilot.history.push({role:'assistant',content:rtt}); + $('#copilot>.chat').scrollTop($('#copilot>.chat')[0].scrollHeight); + $('#copilot>.inputbox').removeClass('disable'); + }).fail(r=>{ + console.log(r); + $('#copilot>.chat').append(`

发生错误,请查看控制台输出或重试

`); + $('#copilot>.chat').scrollTop($('#copilot>.chat')[0].scrollHeight); + $('#copilot>.inputbox').removeClass('disable'); + }); + } +} // 日期、时间 let da = new Date(); let date = `星期${['日', '一', '二', '三', '四', '五', '六'][da.getDay()]}, ${da.getFullYear()}年${(da.getMonth() + 1).toString().padStart(2, '0')}月${da.getDate().toString().padStart(2, '0')}日` @@ -3370,8 +3537,6 @@ page.addEventListener('touchend', () => { // 启动 let updated = false; document.getElementsByTagName('body')[0].onload = function nupd() { - $('#loginback').css('opacity', '1'); - $('#loginback').css('display', 'flex'); setTimeout(() => { $('#loadback').addClass('hide'); }, 500); @@ -3427,12 +3592,29 @@ document.getElementsByTagName('body')[0].onload = function nupd() { w.insertAdjacentHTML('afterbegin', `
`); } }); - shownotice('about'); }; // PWA 应用 if (!location.href.match(/((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])(?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))/) && !location.href.match('localhost') && !(new URL(location.href)).searchParams.get('develop')) { - navigator.serviceWorker.register('sw.js', { updateViaCache: 'none', scope: './' }); + $('#loginback').css('opacity', '1'); + $('#loginback').css('display', 'flex'); + shownotice('about'); + navigator.serviceWorker.register('sw.js', { updateViaCache: 'none', scope: './' }).then(reg => { + + reg.update(); + + reg.addEventListener('updatefound', () => { + // 正在安装的新的 SW + const newWorker = reg.installing; + console.log('dsk-发现更新'); + // newWorker.state; + // // "installing" - 安装事件被触发,但还没完成 + // // "installed" - 安装完成 + // // "activating" - 激活事件被触发,但还没完成 + // // "activated" - 激活成功 + // // "redundant" - 废弃,可能是因为安装失败,或者是被一个新版本覆盖 + }); + }); navigator.serviceWorker.controller.postMessage({ head: 'is_update' }); @@ -3447,4 +3629,11 @@ if (!location.href.match(/((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d|[1-9]\d| function setData(k, v) { localStorage.setItem(k, v); } +}else{ + function setData(k,v) { + console.log('setData 被禁用'); + } } +function sendToSw(msg) { + navigator.serviceWorker.controller.postMessage(msg); +} \ No newline at end of file diff --git a/icon/copilot.svg b/icon/copilot.svg new file mode 100644 index 0000000..a8a06e0 --- /dev/null +++ b/icon/copilot.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/ai-copilot.png b/img/ai-copilot.png new file mode 100644 index 0000000..99c7cff Binary files /dev/null and b/img/ai-copilot.png differ diff --git a/img/colorful-apps.png b/img/colorful-apps.png new file mode 100644 index 0000000..3405dbc Binary files /dev/null and b/img/colorful-apps.png differ diff --git a/img/dark-mode.png b/img/dark-mode.png new file mode 100644 index 0000000..bab7754 Binary files /dev/null and b/img/dark-mode.png differ diff --git a/img/office.png b/img/office.png new file mode 100644 index 0000000..b54111f Binary files /dev/null and b/img/office.png differ diff --git a/img/start-menu.png b/img/start-menu.png new file mode 100644 index 0000000..6f5646e Binary files /dev/null and b/img/start-menu.png differ diff --git a/sw.js b/sw.js index bbac7dc..597d3a1 100644 --- a/sw.js +++ b/sw.js @@ -1,4 +1,4 @@ -// v6.0.0 +// v7.0.0 let dongtai=[ 'api.github.com', 'tjy-gitnub.github.io/win12-theme', @@ -84,14 +84,96 @@ this.addEventListener('message', function (e) { flag = false; } } - // else if (e.data.head == 'set_userdata') { - // userdata[e.data.key] = e.data.value; - // console.log(userdata) - // } else if (e.data.head == 'get_userdata') { - // console.log(userdata); - // e.source.postMessage({ - // head: 'userdata', - // data: userdata - // }); - // } -}); \ No newline at end of file +}); + +// // v6.0.0 +// let dongtai=[ +// 'api.github.com', +// 'tjy-gitnub.github.io/win12-theme', +// 'win12server.freehk.svipss.top' +// ] +// this.addEventListener('install',event=>{ +// localStorage.setItem('update','true'); +// self.skipWaiting(); +// console.log('install!!!!!!!!!!'); +// }); +// this.addEventListener('fetch', function (event) { +// event.respondWith( +// caches.match(event.request).then(res => { +// let fl=false; +// dongtai.forEach(d=>{ +// if(event.request.url.indexOf(d)>0){ +// fl=true; +// return; +// } +// }); +// if(fl){console.log('动态请求',event.request.url);return fetch(event.request);} +// return res || +// fetch(event.request) +// .then(responese => { +// // console.log(event.request); +// const responeseClone = responese.clone(); +// caches.open('def').then(cache => { +// console.log('下载数据', responeseClone.url); +// cache.put(event.request, responeseClone); +// }) +// return responese; +// }) +// .catch(err => { +// console.log(err); +// }); +// }) +// ) +// }); +// const cacheNames = ['def']; +// let nochanges = [ +// '/win12/fonts/', +// '/win12/img/', +// '/win12/apps/icons/', +// '/win12/jq.min.js', +// '/win12/bootstrap-icons.css', +// ] +// let flag = false; +// this.addEventListener('activate', function (event) { +// // flag = true; +// self.skipWaiting(); +// console.log('act-激活'); +// }); +// this.addEventListener('message', function (e) { +// if (e.data.head == 'is_update') { +// if (flag) { +// e.source.postMessage({ +// head: 'update' +// }); +// } +// }else if(e.data.head=='update'){ +// console.log('msg-更新'); +// caches.keys().then(keys => { +// if (keys.includes('def')) { +// caches.open('def').then(cc => { +// cc.keys().then(key => { +// key.forEach(k => { +// let fl = true; +// nochanges.forEach(fi => { +// if (RegExp(fi + '\\S+').test(k.url)) { +// fl = false; +// return; +// } +// }); +// if (fl) { +// console.log('删除数据', k.url); +// return cc.delete(k); +// } +// }); +// }) +// }) +// } +// }) +// caches.open('def').then(function (cache) { +// return cache.addAll([ +// 'bg-dark.svg' +// ]); +// }); +// self.skipWaiting(); +// } +// }); \ No newline at end of file