├── .gitignore ├── README.md ├── assets └── screenshot.png ├── package-lock.json ├── package.json ├── public ├── assets │ ├── feeds.css │ ├── feeds.scss │ └── feeds │ │ └── header.jpg ├── favicon.ico ├── favicon.png ├── feeds.html ├── index.html ├── manifest.json └── robots.txt └── src ├── App.css ├── App.js ├── App.scss ├── image ├── application │ ├── TimeBrowse.png │ ├── aibot.png │ ├── android.png │ ├── chatgpt.png │ ├── copilot.jpg │ ├── itab.svg │ ├── netease.png │ ├── qingning.png │ ├── saolei.png │ ├── vue-color-avatar.png │ └── yuanstart.webp ├── background-avatar.jpg ├── icon │ ├── alarm.png │ ├── bin0.png │ ├── bin1.png │ ├── board.png │ ├── buyme.png │ ├── calculator.png │ ├── calendar.png │ ├── camera.png │ ├── code.png │ ├── cortana.png │ ├── defender.png │ ├── discord.png │ ├── edge.png │ ├── excel.png │ ├── explorer.png │ ├── feedback.png │ ├── getstarted.png │ ├── github.png │ ├── groove.png │ ├── help.png │ ├── home.png │ ├── loading.gif │ ├── mail.png │ ├── maps.png │ ├── minecraft.png │ ├── movies.png │ ├── msoffice.png │ ├── narrator.png │ ├── news.png │ ├── notepad.png │ ├── notes.png │ ├── oneDrive.png │ ├── onenote.png │ ├── outlook.png │ ├── paint.png │ ├── people.png │ ├── photos.png │ ├── pinterest.png │ ├── powerpoint.png │ ├── search.png │ ├── security.png │ ├── settings.png │ ├── settings │ │ ├── apps.png │ │ ├── blueteeth.png │ │ ├── game.png │ │ ├── help.png │ │ ├── home.png │ │ ├── network.png │ │ ├── personal.png │ │ ├── safe.png │ │ ├── system.png │ │ ├── time.png │ │ ├── update.png │ │ └── user.png │ ├── share.png │ ├── skype.png │ ├── snip.png │ ├── soltaire.png │ ├── spotify.png │ ├── store.png │ ├── taskmanager.png │ ├── teams.png │ ├── terminal.png │ ├── tips.png │ ├── todo.png │ ├── twitter.png │ ├── voice.png │ ├── weather.png │ ├── widget.png │ ├── winWord.png │ ├── windows │ │ ├── 106.png │ │ ├── 1077.png │ │ ├── 1085.png │ │ ├── 1093.png │ │ ├── 1101.png │ │ ├── 114.png │ │ ├── 1154.png │ │ ├── 122.png │ │ ├── 1247.png │ │ ├── 1278.png │ │ ├── 1286.png │ │ ├── 1294.png │ │ ├── 130.png │ │ ├── 1437.png │ │ ├── 1479.png │ │ ├── 1569.png │ │ ├── 1577.png │ │ ├── 1585.png │ │ ├── 1593.png │ │ ├── 1609.png │ │ ├── 1669.png │ │ ├── 1677.png │ │ ├── 1693.png │ │ ├── 170.png │ │ ├── 1736.png │ │ ├── 175.png │ │ ├── 1780.png │ │ ├── 1788.png │ │ ├── 183.png │ │ ├── 1836.png │ │ ├── 199.png │ │ ├── 2000.png │ │ ├── 255.png │ │ ├── 3.png │ │ ├── 50.png │ │ ├── 58.png │ │ ├── 67.png │ │ ├── 797.png │ │ ├── 805.png │ │ ├── 837.png │ │ ├── 877.png │ │ ├── 893.png │ │ ├── 90.png │ │ ├── 98.png │ │ ├── bin-em.png │ │ ├── bin.png │ │ ├── desk-sm.png │ │ ├── desk.png │ │ ├── disc-sm.png │ │ ├── disk-sm.png │ │ ├── docs-sm.png │ │ ├── docs.png │ │ ├── down-sm.png │ │ ├── down.png │ │ ├── folder-sm.png │ │ ├── folder.png │ │ ├── folder3d-sm.png │ │ ├── folder3d.png │ │ ├── info.png │ │ ├── music-sm.png │ │ ├── music.png │ │ ├── net.png │ │ ├── onedrive-sm.png │ │ ├── onedrive.png │ │ ├── pics-sm.png │ │ ├── pics.png │ │ ├── pinned.png │ │ ├── shield.png │ │ ├── star-sm.png │ │ ├── store.png │ │ ├── themes.png │ │ ├── thispc-sm.png │ │ ├── thispc.png │ │ ├── user-sm.png │ │ ├── user.png │ │ ├── video-sm.png │ │ ├── video.png │ │ ├── viewinfo.png │ │ └── viewlarge.png │ ├── windows11.png │ ├── windowsui │ │ ├── airplane.png │ │ ├── audio0.png │ │ ├── audio1.png │ │ ├── audio2.png │ │ ├── audio3.png │ │ ├── battery.png │ │ ├── bluetooth.png │ │ ├── brightness.png │ │ ├── close.png │ │ ├── connect.png │ │ ├── copy.png │ │ ├── cut.png │ │ ├── defAccount.png │ │ ├── display.png │ │ ├── dustbin.png │ │ ├── google.png │ │ ├── keyboard.png │ │ ├── left.png │ │ ├── link.png │ │ ├── location.png │ │ ├── maximize.png │ │ ├── maxmin.png │ │ ├── moon.png │ │ ├── more.png │ │ ├── nearshare.png │ │ ├── network.png │ │ ├── new.png │ │ ├── nightlight.png │ │ ├── notice.png │ │ ├── passkey.png │ │ ├── pinlock.png │ │ ├── plug.png │ │ ├── project.png │ │ ├── refresh.png │ │ ├── rename.png │ │ ├── right.png │ │ ├── saver.png │ │ ├── share.png │ │ ├── shield.png │ │ ├── sort.png │ │ ├── sort0.png │ │ ├── sun.png │ │ ├── tablet.png │ │ └── wifi.png │ ├── xbox.png │ ├── yammer.png │ └── yphone.png ├── wallpaper │ ├── ThemeA │ │ ├── img0.jpg │ │ ├── img1.jpg │ │ ├── img2.jpg │ │ └── img3.jpg │ ├── ThemeB │ │ ├── img0.jpg │ │ ├── img1.jpg │ │ ├── img2.jpg │ │ └── img3.jpg │ ├── ThemeC │ │ ├── img0.jpg │ │ ├── img1.jpg │ │ ├── img2.jpg │ │ └── img3.jpg │ ├── ThemeD │ │ ├── img0.jpg │ │ ├── img1.jpg │ │ ├── img2.jpg │ │ └── img3.jpg │ ├── dark-wllpaper.jpg │ ├── dark │ │ └── img0.jpg │ ├── default │ │ ├── background-01.jpg │ │ ├── background-02.jpg │ │ └── img0.jpg │ └── lockscreen.jpg └── windows11.png ├── index.css ├── index.js ├── index.scss ├── media └── startup.mp3 ├── pages ├── Default │ └── index.js ├── Login │ ├── index.css │ ├── index.js │ └── index.scss └── Main │ ├── application │ ├── browser │ │ ├── index.css │ │ ├── index.js │ │ ├── index.scss │ │ └── src │ │ │ └── image │ │ │ └── background.jpg │ ├── content │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── drawtool │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── example │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── notepad │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── resource │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── settings │ │ ├── Account │ │ │ └── SettingList.js │ │ ├── Apps │ │ │ └── SettingList.js │ │ ├── Auxiliary │ │ │ └── SettingList.js │ │ ├── Blueteeth │ │ │ ├── ComputerInfo.css │ │ │ ├── ComputerInfo.scss │ │ │ ├── DeviceList.css │ │ │ ├── DeviceList.js │ │ │ └── DeviceList.scss │ │ ├── Game │ │ │ └── SettingList.js │ │ ├── Home │ │ │ ├── Blueteeth.js │ │ │ ├── ComputerInfo.css │ │ │ ├── ComputerInfo.scss │ │ │ ├── HomeInfo.js │ │ │ ├── Recommon.css │ │ │ ├── Recommon.js │ │ │ └── Recommon.scss │ │ ├── Language │ │ │ ├── SettingList.js │ │ │ ├── TimeInfo.css │ │ │ ├── TimeInfo.js │ │ │ └── TimeInfo.scss │ │ ├── Network │ │ │ └── SettingList.js │ │ ├── Personal │ │ │ ├── SettingList.js │ │ │ ├── ThemeSet.css │ │ │ ├── ThemeSet.js │ │ │ └── ThemeSet.scss │ │ ├── Privacy │ │ │ └── SettingList.js │ │ ├── System │ │ │ └── SettingList.js │ │ ├── TemplateList.css │ │ ├── TemplateList.scss │ │ ├── Update │ │ │ └── SettingList.js │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── taskmaner │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ └── windows11 │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── index.css │ ├── index.js │ ├── index.scss │ ├── modules │ ├── WindowAPI │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── aboubox │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── datebox │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── desktop │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── panebox │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── screbox │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── sidlebox │ │ ├── index.css │ │ ├── index.js │ │ ├── index.scss │ │ ├── paycard.css │ │ └── paycard.scss │ ├── switchox │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ └── taskbarx │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── scripts │ ├── application.js │ ├── dates.js │ ├── hooks.js │ ├── mouseclick │ │ ├── index.css │ │ ├── index.js │ │ └── index.scss │ ├── panel │ │ └── application.js │ ├── settings.js │ ├── token.js │ ├── users.js │ ├── version.js │ └── wallpaper.js │ └── themes │ └── index.js ├── redux ├── index.js └── modules │ ├── colorStore.js │ ├── hookStore.js │ ├── loginStore.js │ ├── mainStore.js │ ├── sadeStore.js │ └── windStore.js ├── router └── index.js └── theme ├── iconTheme.css └── iconTheme.scss /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Windows11 - React 2 | 3 | 一个基于React框架和AntDesign组件库开发的前端高仿Windows项目,使用 HTML、CSS 和 JavaScript 模拟 Windows 11 操作系统的界面与交互。 4 | 5 | ## 前言密语 6 | 7 | 前段时间看见Github上面很多大佬都在做桌面端开源项目，尤其是在看到谭景元（tjy-gitnub）的 [Windows12网页版](https://github.com/tjy-gitnub/win12) 项目后颇为震撼，深受启发，于是在百忙之中开发出了Windows11网页版。 8 | 9 | ## 在线体验 10 | 11 | https://win.react.yunair.cn/ 12 | 13 | ## 项目截图 14 | 15 | ![screenshot](https://i.postimg.cc/wvdg50Vh/screenshot.png) 16 | 17 | ### 启动项目 18 | 19 | `npm install` 20 | 21 | `npm run start` 22 | 23 | ## 贡献代码 24 | 25 | 如果你想要参与到本项目的开发中，首先你需要克隆该项目，其次是为项目安装项目所需的依赖。 26 | 27 | 项目依赖安装完成后，你就可以参与到本项目的开发中了（好耶，免费的劳动力~）。 28 | 29 | `npm run build` 30 | 31 | 这将把项目的源代码打包成可以使用的文件，打包后的文件在 `build` 里面。 32 | 33 | 本项目部分PWA应用依赖组件包（AntDesign），有兴趣的可以去他们的 [官网](https://ant-design.antgroup.com/) 看一看。 34 | 35 | ## 参与开发 36 | 37 | 项目的桌面应用在 `script/application.js` 里面，这个文件将导出一个数组，数组里面是各种应用的配置对象。 38 | 39 | 项目的面板应用在 `script/panel/application.js` 里面，这个文件将导出一个数组，数组里面是各种应用的配置对象。 40 | 41 | 项目的应用程序（我在这里简称为PWA应用）在 `Main\application` 里面，里面用于存放PWA应用的源代码。 42 | 43 | 对于CSS的编写，请使用 `SCSS` 进行编写，每个组件一个SCSS文件。 44 | 45 | ``` 46 | 47 | import "./index.scss" 48 | 49 | const ExampleWindowLayout = ({ name, icon }) => { 50 | return( 51 |
event.preventDefault()}> 52 |
53 | {name}/ 54 |
55 |
56 | ) 57 | } 58 | 59 | export default ExampleWindowLayout 60 | 61 | ``` 62 | 63 | 这是示例应用程序（PWA应用）的示例代码，里面提供了创建应用程序和使用API的方法。 64 | 65 | ## 开源说明 66 | 67 | 本项目作者：Hua（王健铮） 68 | 69 | 本项目链接：https://github.com/yichen9247/Windows11-React 70 | 71 | 此项目是一个开源项目。此项目使用 EPL v2.0 开源许可。开源许可是具有法律效力的合同，请自觉遵守开源许可，尊重他人劳动。 72 | 73 | 根据许可，你可以对该项目进行传播、分发、修改以及二次发布，包括个人和商业用途，但我方不鼓励一切商业用途。 74 | 75 | 您必须给出源码来源，包括作者，项目链接（见上）等，必须使用相同的协议开源。 76 | 77 | 若此项目的源码作为项目的一部分与你私有的源码一起发布时，你可以使用其它协议，但要声明 EPL 部分的内容并声明此部分继续遵循 EPL 协议。 78 | 79 | 不是在该项目基础上进行增加、修改的，仅参考源码的，不需要开源，但也仅供学习用途。 -------------------------------------------------------------------------------- /assets/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/assets/screenshot.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "windows11-react", 3 | "version": "2.1.1", 4 | "private": true, 5 | "dependencies": { 6 | "@reduxjs/toolkit": "^2.0.1", 7 | "@testing-library/jest-dom": "^5.17.0", 8 | "@testing-library/react": "^13.4.0", 9 | "@testing-library/user-event": "^13.5.0", 10 | "antd": "^5.11.2", 11 | "classnames": "^2.3.2", 12 | "js-cookie": "^3.0.5", 13 | "react": "^18.2.0", 14 | "react-beautiful-dnd": "^13.1.1", 15 | "react-dom": "^18.2.0", 16 | "react-redux": "^9.0.2", 17 | "react-router-dom": "^6.19.0", 18 | "react-scripts": "5.0.1", 19 | "react-transition-group": "^4.4.5", 20 | "web-vitals": "^2.1.4" 21 | }, 22 | "scripts": { 23 | "start": "react-scripts start", 24 | "build": "react-scripts build", 25 | "test": "react-scripts test", 26 | "eject": "react-scripts eject" 27 | }, 28 | "eslintConfig": { 29 | "extends": [ 30 | "react-app", 31 | "react-app/jest" 32 | ] 33 | }, 34 | "browserslist": { 35 | "production": [ 36 | ">0.2%", 37 | "not dead", 38 | "not op_mini all" 39 | ], 40 | "development": [ 41 | "last 1 chrome version", 42 | "last 1 firefox version", 43 | "last 1 safari version" 44 | ] 45 | }, 46 | "devDependencies": { 47 | "@babel/plugin-proposal-private-property-in-object": "^7.21.11", 48 | "sass": "^1.69.5" 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /public/assets/feeds.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;outline:none;font-family:system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color EmojiEmoji !important}a{color:#3b91d8 !important;text-decoration:none !important}::-webkit-scrollbar{display:none !important}html{width:100vw;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:sans-serif}body{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-y:scroll;font-family:sans-serif}body{background-color:#dae8f1}header#header{display:flex;overflow:hidden;position:relative;text-align:center;align-items:center;border:3px solid #fff}header#header{width:95%;height:200px;margin:0 auto;margin-top:20px;border-radius:.25rem}header#header img.jpeg{width:100%;height:100%;transition:1s}header#header span.title{width:100%;margin:auto;color:#3b91d8;font-size:2.5rem;font-weight:700;position:absolute;text-align:center}header#header:hover img.jpeg{transform:scale(1.25)}div#twikoo{width:95%;height:auto;margin:0 auto}div#twikoo div.tk-comment{margin-bottom:10px}div#twikoo time{color:#999}div#twikoo div.tk-footer{display:none}div#twikoo div.tk-extras{margin-top:10px}div#twikoo div.tk-avatar{display:grid;border:3px solid #fff}div#twikoo div.tk-avatar img.tk-avatar-img{margin:auto;transition:1s}div#twikoo div.tk-avatar:hover img.tk-avatar-img{transform:scale(1.25)}div#twikoo strong.tk-nick{color:#3b91d8}div#twikoo span.tk-comments-count{color:#3b91d8}div#twikoo div.tk-content{color:#666}div#twikoo div.tk-admin.__show{border-radius:.25rem}div#twikoo div.tk-admin.__show div.tk-content{color:#fff}div#twikoo div.tk-admin.__show a.tk-admin-close{position:absolute}div#twikoo div.tk-login{width:90%;margin:0 auto}div#twikoo div.tk-login div.tk-login-title{margin-top:20px} -------------------------------------------------------------------------------- /public/assets/feeds.scss: -------------------------------------------------------------------------------- 1 | 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | outline: none; 6 | font-family: system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color EmojiEmoji!important; 7 | } 8 | 9 | a { 10 | color: #3b91d8!important; 11 | text-decoration: none!important; 12 | } 13 | 14 | ::-webkit-scrollbar { 15 | display: none!important; 16 | } 17 | 18 | html { 19 | width: 100vw; 20 | height: 100%; 21 | overflow: hidden; 22 | user-select: none; 23 | font-family: sans-serif; 24 | } 25 | 26 | body { 27 | width: 100%; 28 | height: 100%; 29 | overflow: hidden; 30 | user-select: none; 31 | overflow-y: scroll; 32 | font-family: sans-serif; 33 | } 34 | 35 | body { 36 | background-color: rgba(218,232,241,1.0); 37 | } 38 | 39 | header#header { 40 | display: flex; 41 | overflow: hidden; 42 | position: relative; 43 | text-align: center; 44 | align-items: center; 45 | border: 3px solid #ffffff; 46 | } 47 | 48 | header#header { 49 | width: 95%; 50 | height: 200px; 51 | margin: 0 auto; 52 | margin-top: 20px; 53 | border-radius: 0.25rem; 54 | } 55 | 56 | header#header { 57 | img.jpeg { 58 | width: 100%; 59 | height: 100%; 60 | transition: 1s; 61 | } 62 | 63 | span.title { 64 | width: 100%; 65 | margin: auto; 66 | color: #3b91d8; 67 | font-size: 2.5rem; 68 | font-weight: 700; 69 | position: absolute; 70 | text-align: center; 71 | } 72 | 73 | &:hover { 74 | img.jpeg { 75 | transform: scale(1.25); 76 | } 77 | } 78 | } 79 | 80 | div#twikoo { 81 | width: 95%; 82 | height: auto; 83 | margin: 0 auto; 84 | 85 | div.tk-comment { 86 | margin-bottom: 10px; 87 | } 88 | 89 | time { 90 | color: #999999; 91 | } 92 | 93 | div.tk-footer { 94 | display: none; 95 | } 96 | 97 | div.tk-extras { 98 | margin-top: 10px; 99 | } 100 | 101 | div.tk-avatar { 102 | display: grid; 103 | border: 3px solid #ffffff; 104 | 105 | img.tk-avatar-img { 106 | margin: auto; 107 | transition: 1s; 108 | } 109 | 110 | &:hover { 111 | img.tk-avatar-img { 112 | transform: scale(1.25); 113 | } 114 | } 115 | } 116 | 117 | strong.tk-nick { 118 | color: #3b91d8; 119 | } 120 | 121 | span.tk-comments-count { 122 | color: #3b91d8; 123 | } 124 | 125 | div.tk-content { 126 | color: #666666; 127 | } 128 | 129 | div.tk-admin.__show { 130 | border-radius: 0.25rem; 131 | 132 | div.tk-content { 133 | color: #ffffff; 134 | } 135 | 136 | a.tk-admin-close { 137 | position: absolute; 138 | } 139 | } 140 | 141 | div.tk-login { 142 | width: 90%; 143 | margin: 0 auto; 144 | 145 | div.tk-login-title { 146 | margin-top: 20px; 147 | } 148 | } 149 | } -------------------------------------------------------------------------------- /public/assets/feeds/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/public/assets/feeds/header.jpg -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/public/favicon.ico -------------------------------------------------------------------------------- /public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/public/favicon.png -------------------------------------------------------------------------------- /public/feeds.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Windows11 - React 11 | 12 | 13 | 14 | 15 | 16 | 17 | 21 |
22 | 23 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Windows11 - React 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Win11", 3 | "name": "Windows11 - React", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "favicon.png", 12 | "type": "image/png", 13 | "sizes": "174x174" 14 | } 15 | ], 16 | "start_url": ".", 17 | "display": "standalone", 18 | "theme_color": "#dae8f1", 19 | "background_color": "#ffffff" 20 | } 21 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | svg.progressRing circle{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transition:all .2s ease-in-out 0s;animation:2s linear 0s infinite normal none running spin-infinite}@keyframes spin-infinite{0%{stroke-dasharray:.01px,43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px,21.99px;transform:rotate(450deg)}100%{stroke-dasharray:.01px,43.97px;transform:rotate(1080deg)}} -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | 2 | import './App.css' 3 | import hashRouter from "./router" 4 | import { RouterProvider } from 'react-router-dom' 5 | 6 | const Windows = () => { 7 | return ; 8 | } 9 | 10 | export default Windows -------------------------------------------------------------------------------- /src/App.scss: -------------------------------------------------------------------------------- 1 | 2 | svg.progressRing circle { 3 | fill: none; 4 | stroke: white; 5 | stroke-width: 2px; 6 | stroke-linecap: round; 7 | transform-origin: 50% 50%; 8 | transition: all 0.2s ease-in-out 0s; 9 | animation: 2s linear 0s infinite normal none running spin-infinite; 10 | } 11 | 12 | @keyframes spin-infinite { 13 | 0% { 14 | stroke-dasharray: 0.01px, 43.97px; 15 | transform: rotate(0deg); 16 | } 17 | 50% { 18 | stroke-dasharray: 21.99px, 21.99px; 19 | transform: rotate(450deg); 20 | } 21 | 100% { 22 | stroke-dasharray: 0.01px, 43.97px; 23 | transform: rotate(1080deg); 24 | } 25 | } -------------------------------------------------------------------------------- /src/image/application/TimeBrowse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/TimeBrowse.png -------------------------------------------------------------------------------- /src/image/application/aibot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/aibot.png -------------------------------------------------------------------------------- /src/image/application/android.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/android.png -------------------------------------------------------------------------------- /src/image/application/chatgpt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/chatgpt.png -------------------------------------------------------------------------------- /src/image/application/copilot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/copilot.jpg -------------------------------------------------------------------------------- /src/image/application/itab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /src/image/application/netease.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/netease.png -------------------------------------------------------------------------------- /src/image/application/qingning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/qingning.png -------------------------------------------------------------------------------- /src/image/application/saolei.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/saolei.png -------------------------------------------------------------------------------- /src/image/application/vue-color-avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/vue-color-avatar.png -------------------------------------------------------------------------------- /src/image/application/yuanstart.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/application/yuanstart.webp -------------------------------------------------------------------------------- /src/image/background-avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/background-avatar.jpg -------------------------------------------------------------------------------- /src/image/icon/alarm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/alarm.png -------------------------------------------------------------------------------- /src/image/icon/bin0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/bin0.png -------------------------------------------------------------------------------- /src/image/icon/bin1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/bin1.png -------------------------------------------------------------------------------- /src/image/icon/board.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/board.png -------------------------------------------------------------------------------- /src/image/icon/buyme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/buyme.png -------------------------------------------------------------------------------- /src/image/icon/calculator.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/calculator.png -------------------------------------------------------------------------------- /src/image/icon/calendar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/calendar.png -------------------------------------------------------------------------------- /src/image/icon/camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/camera.png -------------------------------------------------------------------------------- /src/image/icon/code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/code.png -------------------------------------------------------------------------------- /src/image/icon/cortana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/cortana.png -------------------------------------------------------------------------------- /src/image/icon/defender.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/defender.png -------------------------------------------------------------------------------- /src/image/icon/discord.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/discord.png -------------------------------------------------------------------------------- /src/image/icon/edge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/edge.png -------------------------------------------------------------------------------- /src/image/icon/excel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/excel.png -------------------------------------------------------------------------------- /src/image/icon/explorer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/explorer.png -------------------------------------------------------------------------------- /src/image/icon/feedback.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/feedback.png -------------------------------------------------------------------------------- /src/image/icon/getstarted.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/getstarted.png -------------------------------------------------------------------------------- /src/image/icon/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/github.png -------------------------------------------------------------------------------- /src/image/icon/groove.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/groove.png -------------------------------------------------------------------------------- /src/image/icon/help.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/help.png -------------------------------------------------------------------------------- /src/image/icon/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/home.png -------------------------------------------------------------------------------- /src/image/icon/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/loading.gif -------------------------------------------------------------------------------- /src/image/icon/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/mail.png -------------------------------------------------------------------------------- /src/image/icon/maps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/maps.png -------------------------------------------------------------------------------- /src/image/icon/minecraft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/minecraft.png -------------------------------------------------------------------------------- /src/image/icon/movies.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/movies.png -------------------------------------------------------------------------------- /src/image/icon/msoffice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/msoffice.png -------------------------------------------------------------------------------- /src/image/icon/narrator.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/narrator.png -------------------------------------------------------------------------------- /src/image/icon/news.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/news.png -------------------------------------------------------------------------------- /src/image/icon/notepad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/notepad.png -------------------------------------------------------------------------------- /src/image/icon/notes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/notes.png -------------------------------------------------------------------------------- /src/image/icon/oneDrive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/oneDrive.png -------------------------------------------------------------------------------- /src/image/icon/onenote.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/onenote.png -------------------------------------------------------------------------------- /src/image/icon/outlook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/outlook.png -------------------------------------------------------------------------------- /src/image/icon/paint.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/paint.png -------------------------------------------------------------------------------- /src/image/icon/people.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/people.png -------------------------------------------------------------------------------- /src/image/icon/photos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/photos.png -------------------------------------------------------------------------------- /src/image/icon/pinterest.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/pinterest.png -------------------------------------------------------------------------------- /src/image/icon/powerpoint.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/powerpoint.png -------------------------------------------------------------------------------- /src/image/icon/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/search.png -------------------------------------------------------------------------------- /src/image/icon/security.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/security.png -------------------------------------------------------------------------------- /src/image/icon/settings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings.png -------------------------------------------------------------------------------- /src/image/icon/settings/apps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/apps.png -------------------------------------------------------------------------------- /src/image/icon/settings/blueteeth.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/blueteeth.png -------------------------------------------------------------------------------- /src/image/icon/settings/game.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/game.png -------------------------------------------------------------------------------- /src/image/icon/settings/help.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/help.png -------------------------------------------------------------------------------- /src/image/icon/settings/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/home.png -------------------------------------------------------------------------------- /src/image/icon/settings/network.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/network.png -------------------------------------------------------------------------------- /src/image/icon/settings/personal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/personal.png -------------------------------------------------------------------------------- /src/image/icon/settings/safe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/safe.png -------------------------------------------------------------------------------- /src/image/icon/settings/system.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/system.png -------------------------------------------------------------------------------- /src/image/icon/settings/time.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/time.png -------------------------------------------------------------------------------- /src/image/icon/settings/update.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/update.png -------------------------------------------------------------------------------- /src/image/icon/settings/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/settings/user.png -------------------------------------------------------------------------------- /src/image/icon/share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/share.png -------------------------------------------------------------------------------- /src/image/icon/skype.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/skype.png -------------------------------------------------------------------------------- /src/image/icon/snip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/snip.png -------------------------------------------------------------------------------- /src/image/icon/soltaire.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/soltaire.png -------------------------------------------------------------------------------- /src/image/icon/spotify.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/spotify.png -------------------------------------------------------------------------------- /src/image/icon/store.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/store.png -------------------------------------------------------------------------------- /src/image/icon/taskmanager.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/taskmanager.png -------------------------------------------------------------------------------- /src/image/icon/teams.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/teams.png -------------------------------------------------------------------------------- /src/image/icon/terminal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/terminal.png -------------------------------------------------------------------------------- /src/image/icon/tips.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/tips.png -------------------------------------------------------------------------------- /src/image/icon/todo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/todo.png -------------------------------------------------------------------------------- /src/image/icon/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/twitter.png -------------------------------------------------------------------------------- /src/image/icon/voice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/voice.png -------------------------------------------------------------------------------- /src/image/icon/weather.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/weather.png -------------------------------------------------------------------------------- /src/image/icon/widget.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/widget.png -------------------------------------------------------------------------------- /src/image/icon/winWord.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/winWord.png -------------------------------------------------------------------------------- /src/image/icon/windows/106.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/106.png -------------------------------------------------------------------------------- /src/image/icon/windows/1077.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1077.png -------------------------------------------------------------------------------- /src/image/icon/windows/1085.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1085.png -------------------------------------------------------------------------------- /src/image/icon/windows/1093.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1093.png -------------------------------------------------------------------------------- /src/image/icon/windows/1101.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1101.png -------------------------------------------------------------------------------- /src/image/icon/windows/114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/114.png -------------------------------------------------------------------------------- /src/image/icon/windows/1154.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1154.png -------------------------------------------------------------------------------- /src/image/icon/windows/122.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/122.png -------------------------------------------------------------------------------- /src/image/icon/windows/1247.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1247.png -------------------------------------------------------------------------------- /src/image/icon/windows/1278.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1278.png -------------------------------------------------------------------------------- /src/image/icon/windows/1286.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1286.png -------------------------------------------------------------------------------- /src/image/icon/windows/1294.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1294.png -------------------------------------------------------------------------------- /src/image/icon/windows/130.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/130.png -------------------------------------------------------------------------------- /src/image/icon/windows/1437.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1437.png -------------------------------------------------------------------------------- /src/image/icon/windows/1479.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1479.png -------------------------------------------------------------------------------- /src/image/icon/windows/1569.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1569.png -------------------------------------------------------------------------------- /src/image/icon/windows/1577.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1577.png -------------------------------------------------------------------------------- /src/image/icon/windows/1585.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1585.png -------------------------------------------------------------------------------- /src/image/icon/windows/1593.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1593.png -------------------------------------------------------------------------------- /src/image/icon/windows/1609.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1609.png -------------------------------------------------------------------------------- /src/image/icon/windows/1669.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1669.png -------------------------------------------------------------------------------- /src/image/icon/windows/1677.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1677.png -------------------------------------------------------------------------------- /src/image/icon/windows/1693.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1693.png -------------------------------------------------------------------------------- /src/image/icon/windows/170.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/170.png -------------------------------------------------------------------------------- /src/image/icon/windows/1736.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1736.png -------------------------------------------------------------------------------- /src/image/icon/windows/175.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/175.png -------------------------------------------------------------------------------- /src/image/icon/windows/1780.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1780.png -------------------------------------------------------------------------------- /src/image/icon/windows/1788.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1788.png -------------------------------------------------------------------------------- /src/image/icon/windows/183.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/183.png -------------------------------------------------------------------------------- /src/image/icon/windows/1836.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/1836.png -------------------------------------------------------------------------------- /src/image/icon/windows/199.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/199.png -------------------------------------------------------------------------------- /src/image/icon/windows/2000.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/2000.png -------------------------------------------------------------------------------- /src/image/icon/windows/255.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/255.png -------------------------------------------------------------------------------- /src/image/icon/windows/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/3.png -------------------------------------------------------------------------------- /src/image/icon/windows/50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/50.png -------------------------------------------------------------------------------- /src/image/icon/windows/58.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/58.png -------------------------------------------------------------------------------- /src/image/icon/windows/67.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/67.png -------------------------------------------------------------------------------- /src/image/icon/windows/797.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/797.png -------------------------------------------------------------------------------- /src/image/icon/windows/805.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/805.png -------------------------------------------------------------------------------- /src/image/icon/windows/837.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/837.png -------------------------------------------------------------------------------- /src/image/icon/windows/877.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/877.png -------------------------------------------------------------------------------- /src/image/icon/windows/893.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/893.png -------------------------------------------------------------------------------- /src/image/icon/windows/90.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/90.png -------------------------------------------------------------------------------- /src/image/icon/windows/98.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/98.png -------------------------------------------------------------------------------- /src/image/icon/windows/bin-em.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/bin-em.png -------------------------------------------------------------------------------- /src/image/icon/windows/bin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/bin.png -------------------------------------------------------------------------------- /src/image/icon/windows/desk-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/desk-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/desk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/desk.png -------------------------------------------------------------------------------- /src/image/icon/windows/disc-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/disc-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/disk-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/disk-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/docs-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/docs-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/docs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/docs.png -------------------------------------------------------------------------------- /src/image/icon/windows/down-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/down-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/down.png -------------------------------------------------------------------------------- /src/image/icon/windows/folder-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/folder-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/folder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/folder.png -------------------------------------------------------------------------------- /src/image/icon/windows/folder3d-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/folder3d-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/folder3d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/folder3d.png -------------------------------------------------------------------------------- /src/image/icon/windows/info.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/info.png -------------------------------------------------------------------------------- /src/image/icon/windows/music-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/music-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/music.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/music.png -------------------------------------------------------------------------------- /src/image/icon/windows/net.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/net.png -------------------------------------------------------------------------------- /src/image/icon/windows/onedrive-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/onedrive-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/onedrive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/onedrive.png -------------------------------------------------------------------------------- /src/image/icon/windows/pics-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/pics-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/pics.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/pics.png -------------------------------------------------------------------------------- /src/image/icon/windows/pinned.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/pinned.png -------------------------------------------------------------------------------- /src/image/icon/windows/shield.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/shield.png -------------------------------------------------------------------------------- /src/image/icon/windows/star-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/star-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/store.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/store.png -------------------------------------------------------------------------------- /src/image/icon/windows/themes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/themes.png -------------------------------------------------------------------------------- /src/image/icon/windows/thispc-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/thispc-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/thispc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/thispc.png -------------------------------------------------------------------------------- /src/image/icon/windows/user-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/user-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/user.png -------------------------------------------------------------------------------- /src/image/icon/windows/video-sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/video-sm.png -------------------------------------------------------------------------------- /src/image/icon/windows/video.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/video.png -------------------------------------------------------------------------------- /src/image/icon/windows/viewinfo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/viewinfo.png -------------------------------------------------------------------------------- /src/image/icon/windows/viewlarge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows/viewlarge.png -------------------------------------------------------------------------------- /src/image/icon/windows11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windows11.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/airplane.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/airplane.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/audio0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/audio0.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/audio1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/audio1.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/audio2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/audio2.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/audio3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/audio3.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/battery.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/bluetooth.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/bluetooth.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/brightness.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/brightness.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/close.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/connect.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/connect.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/copy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/copy.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/cut.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/cut.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/defAccount.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/defAccount.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/display.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/display.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/dustbin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/dustbin.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/google.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/keyboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/keyboard.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/left.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/link.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/location.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/maximize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/maximize.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/maxmin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/maxmin.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/moon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/moon.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/more.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/more.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/nearshare.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/nearshare.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/network.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/network.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/new.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/nightlight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/nightlight.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/notice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/notice.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/passkey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/passkey.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/pinlock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/pinlock.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/plug.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/plug.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/project.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/project.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/refresh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/refresh.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/rename.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/rename.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/right.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/saver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/saver.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/share.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/shield.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/shield.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/sort.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/sort.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/sort0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/sort0.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/sun.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/sun.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/tablet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/tablet.png -------------------------------------------------------------------------------- /src/image/icon/windowsui/wifi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/windowsui/wifi.png -------------------------------------------------------------------------------- /src/image/icon/xbox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/xbox.png -------------------------------------------------------------------------------- /src/image/icon/yammer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/yammer.png -------------------------------------------------------------------------------- /src/image/icon/yphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/icon/yphone.png -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeA/img0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeA/img0.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeA/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeA/img1.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeA/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeA/img2.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeA/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeA/img3.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeB/img0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeB/img0.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeB/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeB/img1.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeB/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeB/img2.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeB/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeB/img3.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeC/img0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeC/img0.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeC/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeC/img1.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeC/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeC/img2.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeC/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeC/img3.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeD/img0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeD/img0.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeD/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeD/img1.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeD/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeD/img2.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/ThemeD/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/ThemeD/img3.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/dark-wllpaper.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/dark-wllpaper.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/dark/img0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/dark/img0.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/default/background-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/default/background-01.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/default/background-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/default/background-02.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/default/img0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/default/img0.jpg -------------------------------------------------------------------------------- /src/image/wallpaper/lockscreen.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/wallpaper/lockscreen.jpg -------------------------------------------------------------------------------- /src/image/windows11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/image/windows11.png -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}::-webkit-scrollbar{display:none}html{width:100vw;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:sans-serif}html a,html .color-text{font-weight:700;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;text-decoration:none;background-image:linear-gradient(120deg, var(--dominColor), var(--seconColor))}html i{display:block;background-size:70%;background-position:center;background-repeat:no-repeat}html ul,html li{list-style:none;list-style-type:none}html body{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color EmojiEmoji}html body{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0)}html body{background-color:#000;transition:background-color ease .25s}html div#root{width:100%;height:100%;overflow:hidden;transition:.5s}html div#root>div{width:100%;height:100%;overflow:hidden}html div#root>div{background-size:cover;background-position:center;background-repeat:no-repeat}html div#frameelement-main::before{opacity:0;width:100%;height:100%;display:block;position:fixed;z-index:99999999999}html div#frameelement-main::before{top:0;left:0;content:"";pointer-events:none;background:rgba(255,0,0,.231372549);transition:all 2s ease}html div#frameelement-main.batteryTheme::before{opacity:.5}html div#frameelement-main.dark-theme-true span,html div#frameelement-main.dark-theme-true p,html div#frameelement-main.dark-theme-true i,html div#frameelement-main.dark-theme-true svg{transition:.5s;filter:invert(1);-webkit-filter:invert(1)}html div#frameelement-main.dark-theme-true .not-allowTheme{filter:invert(0);-webkit-filter:invert(0)}html div#frameelement-main.dark-theme-true span.desapp-name{filter:invert(0);-webkit-filter:invert(0)}html div#frameelement-main.dark-theme-true div.item-check{border:1px solid #999 !important}html div#frameelement-main.dark-theme-true div.item-check.stateTure{border:1px solid #ad6eca !important}html div#frameelement-main.dark-theme-true div#window-layout-resource-screen span.content-text{filter:invert(0);-webkit-filter:invert(0);color:#fff !important}html div#frameelement-main.dark-theme-true div#window-layout-setting .ant-input-group-wrapper ant-input-search css-dev-only-do-not-override-nllxry *{filter:invert(0);-webkit-filter:invert(0)}html div#frameelement-main.dark-theme-true div#window-layout-setting :where(.css-dev-only-do-not-override-nllxry).ant-btn-default{filter:invert(1);-webkit-filter:invert(1)}html div#frameelement-main.dark-theme-true div#window-layout-setting img.desktop-screen{transition:.5s;border:3px solid #fff}html div#frameelement-main.dark-theme-true div#window-layout-setting button svg{filter:invert(0);-webkit-filter:invert(0)}html div#frameelement-main.dark-theme-true div#window-layout-setting span.card-text{color:#000}html div#frameelement-main.dark-theme-true div#window-layout-setting div.ant-alert-message,html div#frameelement-main.dark-theme-true div#window-layout-setting div.ant-alert-description{color:#fff}@media screen and (max-width: 840px)and (orientation: portrait){div#frameelement-main{opacity:0 !important;transition:1s !important}} -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | 2 | import "./index.css" 3 | import App from "./App" 4 | import React from "react" 5 | import WinStore from "./redux" 6 | import { StrictMode } from "react" 7 | import { Provider } from "react-redux" 8 | import ReactDOM from "react-dom/client" 9 | 10 | const root = ReactDOM.createRoot(document.getElementById("root")); 11 | root.render ( 12 | 13 | 14 | 15 | 16 | 17 | ) -------------------------------------------------------------------------------- /src/index.scss: -------------------------------------------------------------------------------- 1 | 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | outline: none; 6 | user-select: none; 7 | } 8 | 9 | ::-webkit-scrollbar { 10 | display: none; 11 | } 12 | 13 | html { 14 | width: 100vw; 15 | height: 100%; 16 | overflow: hidden; 17 | user-select: none; 18 | font-family: sans-serif; 19 | 20 | a,.color-text { 21 | font-weight: 700; 22 | color: transparent; 23 | background-clip: text; 24 | text-decoration: none; 25 | background-image: linear-gradient(120deg, var(--dominColor), var(--seconColor)); 26 | } 27 | 28 | i { 29 | display: block; 30 | background-size: 70%; 31 | background-position: center; 32 | background-repeat: no-repeat; 33 | } 34 | 35 | ul,li { 36 | list-style: none; 37 | list-style-type: none; 38 | } 39 | 40 | body { 41 | width: 100%; 42 | height: 100%; 43 | overflow: hidden; 44 | user-select: none; 45 | font-family: system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color EmojiEmoji; 46 | } 47 | 48 | body { 49 | background-size: cover; 50 | background-position: center; 51 | background-repeat: no-repeat; 52 | background-color: transparent; 53 | } 54 | 55 | body { 56 | background-color: #000000; 57 | transition: background-color ease 0.25s; 58 | } 59 | 60 | div#root { 61 | width: 100%; 62 | height: 100%; 63 | overflow: hidden; 64 | transition: 0.5s; 65 | } 66 | 67 | div#root > div { 68 | width: 100%; 69 | height: 100%; 70 | overflow: hidden; 71 | } 72 | 73 | div#root > div { 74 | background-size: cover; 75 | background-position: center; 76 | background-repeat: no-repeat; 77 | } 78 | 79 | div#frameelement-main::before { 80 | opacity: 0; 81 | width: 100%; 82 | height: 100%; 83 | display: block; 84 | position: fixed; 85 | z-index: 99999999999; 86 | } 87 | 88 | div#frameelement-main::before { 89 | top: 0; 90 | left: 0; 91 | content: ""; 92 | pointer-events: none; 93 | background: #ff00003b; 94 | transition: all 2s ease; 95 | } 96 | 97 | div#frameelement-main.batteryTheme::before { 98 | opacity: 0.5; 99 | } 100 | 101 | div#frameelement-main.dark-theme-true { 102 | span,p,i,svg { 103 | transition: 0.5s; 104 | filter: invert(1); 105 | -webkit-filter: invert(1); 106 | } 107 | 108 | .not-allowTheme { 109 | filter: invert(0); 110 | -webkit-filter: invert(0); 111 | } 112 | 113 | span.desapp-name { 114 | filter: invert(0); 115 | -webkit-filter: invert(0); 116 | } 117 | 118 | div.item-check { 119 | border: 1px solid #999999!important; 120 | } 121 | 122 | div.item-check.stateTure { 123 | border: 1px solid #ad6eca!important; 124 | } 125 | 126 | div#window-layout-resource-screen { 127 | span.content-text { 128 | filter: invert(0); 129 | -webkit-filter: invert(0); 130 | color: #ffffff!important; 131 | } 132 | } 133 | 134 | div#window-layout-setting { 135 | .ant-input-group-wrapper ant-input-search css-dev-only-do-not-override-nllxry * { 136 | filter: invert(0); 137 | -webkit-filter: invert(0); 138 | } 139 | 140 | :where(.css-dev-only-do-not-override-nllxry).ant-btn-default { 141 | filter: invert(1); 142 | -webkit-filter: invert(1); 143 | } 144 | 145 | img.desktop-screen { 146 | transition: 0.5s; 147 | border: 3px solid #ffffff; 148 | } 149 | 150 | button svg { 151 | filter: invert(0); 152 | -webkit-filter: invert(0); 153 | } 154 | 155 | span.card-text { 156 | color: #000000; 157 | } 158 | 159 | div.ant-alert-message,div.ant-alert-description { 160 | color: #ffffff; 161 | } 162 | } 163 | } 164 | } 165 | 166 | @media screen and (max-width: 840px) and (orientation: portrait) { 167 | 168 | /*移动端竖屏750PX适配CSS代码*/ 169 | 170 | div#frameelement-main { 171 | opacity: 0!important; 172 | transition: 1s!important; 173 | } 174 | } -------------------------------------------------------------------------------- /src/media/startup.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/media/startup.mp3 -------------------------------------------------------------------------------- /src/pages/Default/index.js: -------------------------------------------------------------------------------- 1 | 2 | import { useNavigate } from "react-router-dom" 3 | 4 | const Default = () => { 5 | const navigate = useNavigate(); 6 | setTimeout(() => navigate("/main"),100); 7 | } 8 | 9 | export default Default -------------------------------------------------------------------------------- /src/pages/Login/index.css: -------------------------------------------------------------------------------- 1 | #frameelement-loding{z-index:10;width:100%;height:100%;display:block;transition:1s;overflow:hidden;background-color:#000}#frameelement-loding.layout-show{background-color:rgba(0,0,0,0)}#loginLayout{width:100%;height:100%;transition:1s;overflow:hidden}#loginLayout{display:flex;align-items:center;flex-direction:column;justify-content:center}#loginLayout .windows11-logo{width:12.5rem;height:12.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all ease 1s} -------------------------------------------------------------------------------- /src/pages/Login/index.js: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * author: Hua 4 | * layout: LodingLayout 5 | */ 6 | 7 | import "./index.css" 8 | import windows11 from "../../image/icon/windows11.png" 9 | import { useSelector, useDispatch } from "react-redux" 10 | import { setOpacity,setImgOpacity,setTopValue,setLayoutClass } from "../../redux/modules/loginStore" 11 | 12 | const LoginLayout = ({ config }) => { 13 | const dispatch = useDispatch(); 14 | const loginReducer = useSelector( state => state.loginReducer ); 15 | 16 | const winReady = () => { 17 | dispatch(setOpacity(1)); 18 | dispatch(setTopValue("-350px")); 19 | } 20 | 21 | const winClose = () => { 22 | dispatch(setImgOpacity(0)); 23 | dispatch(setLayoutClass("layout-show")); 24 | } 25 | 26 | const winUpdate = () => { 27 | config.onLogin(); 28 | document.body.style.backgroundColor = "transparent"; 29 | }; 30 | 31 | const readyThings = [ 32 | { 33 | time: 1000, 34 | todo: winReady 35 | 36 | }, 37 | { 38 | time: 5000, 39 | todo: winClose 40 | }, 41 | { 42 | time: 5500, 43 | todo: winUpdate 44 | } 45 | ] 46 | 47 | setTimeout(readyThings[0].todo, readyThings[0].time); 48 | setTimeout(readyThings[1].todo, readyThings[1].time); 49 | setTimeout(readyThings[2].todo, readyThings[2].time); 50 | 51 | return ( 52 |
53 |
54 | windows11 55 | 56 |
57 |
58 | ) 59 | } 60 | 61 | export default LoginLayout -------------------------------------------------------------------------------- /src/pages/Login/index.scss: -------------------------------------------------------------------------------- 1 | 2 | #frameelement-loding { 3 | z-index: 10; 4 | width: 100%; 5 | height: 100%; 6 | display: block; 7 | transition: 1s; 8 | overflow: hidden; 9 | background-color: #000000; 10 | } 11 | 12 | #frameelement-loding.layout-show { 13 | background-color: transparent; 14 | } 15 | 16 | #loginLayout { 17 | width: 100%; 18 | height: 100%; 19 | transition: 1s; 20 | overflow: hidden; 21 | } 22 | 23 | #loginLayout { 24 | display: flex; 25 | align-items: center; 26 | flex-direction: column; 27 | justify-content: center; 28 | 29 | .windows11-logo { 30 | width: 12.5rem; 31 | height: 12.5rem; 32 | user-select: none; 33 | transition: all ease 1s; 34 | } 35 | } -------------------------------------------------------------------------------- /src/pages/Main/application/browser/src/image/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yichen9247/Windows11-React/d33f9315174675a58a926c7ec15a7174be591fc8/src/pages/Main/application/browser/src/image/background.jpg -------------------------------------------------------------------------------- /src/pages/Main/application/content/index.css: -------------------------------------------------------------------------------- 1 | div#window-layout-content{width:100%;height:100%;overflow:hidden;text-align:center;background-color:var(--currentColor)}div#window-layout-content div.layout-content{display:flex;align-items:center;justify-content:center}div#window-layout-content div.layout-content{width:100%;height:100%;overflow:hidden}div#window-layout-content div.layout-content img.layout-content-icon{width:100px;height:100px;border-radius:5px} -------------------------------------------------------------------------------- /src/pages/Main/application/content/index.js: -------------------------------------------------------------------------------- 1 | 2 | import "./index.css" 3 | import { Empty } from "antd"; 4 | 5 | const ContentWindowLayout = () => { 6 | return( 7 |
event.preventDefault()}> 8 |
9 | 16 |
17 |
18 | ) 19 | } 20 | 21 | export default ContentWindowLayout -------------------------------------------------------------------------------- /src/pages/Main/application/content/index.scss: -------------------------------------------------------------------------------- 1 | 2 | div#window-layout-content { 3 | width: 100%; 4 | height: 100%; 5 | overflow: hidden; 6 | text-align: center; 7 | background-color: var(--currentColor); 8 | 9 | div.layout-content { 10 | display: flex; 11 | align-items: center; 12 | justify-content: center; 13 | } 14 | 15 | div.layout-content { 16 | width: 100%; 17 | height: 100%; 18 | overflow: hidden; 19 | } 20 | 21 | div.layout-content { 22 | img.layout-content-icon { 23 | width: 100px; 24 | height: 100px; 25 | border-radius: 5px; 26 | } 27 | } 28 | } -------------------------------------------------------------------------------- /src/pages/Main/application/drawtool/index.css: -------------------------------------------------------------------------------- 1 | div#window-layout-drawdesign-screen{z-index:1;overflow:hidden;transition:.5s}div#window-layout-drawdesign-screen div.design-main{width:100%;height:100%;position:relative}div#window-layout-drawdesign-screen div.design-main canvas.designCavans{position:relative}div#window-layout-drawdesign-screen{display:flex;align-items:center;justify-content:center}div#window-layout-drawdesign-screen{z-index:2;width:100%;transition:.5s;position:absolute;height:calc(100% - 55px);background-color:var(--currentColor)}div#window-layout-drawdesign-screen img.application-icon{width:100px;height:100px;border-radius:5px}div.ant-drawer-header-title{text-align:center} -------------------------------------------------------------------------------- /src/pages/Main/application/drawtool/index.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable react-hooks/exhaustive-deps */ 2 | 3 | import "./index.css" 4 | import { message } from 'antd' 5 | import { useEffect, useState } from "react" 6 | import drawdesignIcon from "../../../../image/icon/paint.png" 7 | 8 | const DrawDesignLayout = () => { 9 | const [screen, setScreen] = useState(true); 10 | setTimeout(() => {setScreen(false)},800); 11 | 12 | // eslint-disable-next-line no-unused-vars 13 | const [messageApi, contextHolder] = message.useMessage(); 14 | // eslint-disable-next-line no-unused-vars 15 | const isDeveloper = () => { 16 | messageApi.open({ 17 | type: "warning", 18 | style: {zIndex: 9999}, 19 | content: "当前功能正在开发中！", 20 | }); 21 | } 22 | 23 | // eslint-disable-next-line no-unused-vars 24 | const designCanvas = () => { 25 | var canvas = document.getElementById("designCavans"); 26 | var context = canvas.getContext("2d"); 27 | 28 | context.lineWidth = 6; 29 | context.strokeStyle = "#ff0000"; 30 | 31 | var isDrawing = false; 32 | 33 | var body = document.querySelector(".design-main"); 34 | 35 | canvas.addEventListener("mousedown",(event) => { 36 | isDrawing = true; 37 | context.beginPath(); 38 | context.moveTo(event.clientX - body.offsetLeft, event.clientY - body.offsetTop); 39 | }); 40 | 41 | canvas.addEventListener("mousemove",(event) => { 42 | if (isDrawing) { 43 | context.lineTo(event.clientX - body.offsetLeft, event.clientY - body.offsetTop); 44 | context.stroke(); 45 | } 46 | }); 47 | 48 | canvas.addEventListener("mouseup",(event) => { 49 | isDrawing = false; 50 | }); 51 | 52 | canvas.addEventListener("mouseleave",(event) => { 53 | isDrawing = false; 54 | }); 55 | } 56 | 57 | useEffect(() => { 58 | if (!screen) { 59 | isDeveloper(); 60 | // designCanvas(); 61 | } 62 | },[screen]); 63 | 64 | return ( 65 | <> 66 |
67 | 画图工具 68 |
69 |
event.preventDefault()}> 70 |
71 | {contextHolder} 72 | 73 |
74 |
75 | 76 | ) 77 | } 78 | 79 | export default DrawDesignLayout -------------------------------------------------------------------------------- /src/pages/Main/application/drawtool/index.scss: -------------------------------------------------------------------------------- 1 | 2 | div#window-layout-drawdesign-screen { 3 | z-index: 1; 4 | overflow: hidden; 5 | transition: 0.5s; 6 | 7 | div.design-main { 8 | width: 100%; 9 | height: 100%; 10 | position: relative; 11 | 12 | canvas.designCavans { 13 | position: relative; 14 | } 15 | } 16 | } 17 | 18 | div#window-layout-drawdesign-screen { 19 | display: flex; 20 | align-items: center; 21 | justify-content: center; 22 | } 23 | 24 | div#window-layout-drawdesign-screen { 25 | z-index: 2; 26 | width: 100%; 27 | transition: 0.5s; 28 | position: absolute; 29 | height: calc(100% - 55px); 30 | background-color: var(--currentColor); 31 | } 32 | 33 | div#window-layout-drawdesign-screen { 34 | img.application-icon { 35 | width: 100px; 36 | height: 100px; 37 | border-radius: 5px; 38 | } 39 | } 40 | 41 | div.ant-drawer-header-title { 42 | text-align: center; 43 | } -------------------------------------------------------------------------------- /src/pages/Main/application/example/index.css: -------------------------------------------------------------------------------- 1 | div#window-layout-axample{width:100%;height:100%;overflow:hidden;text-align:center;background-color:var(--currentColor)}div#window-layout-axample div.layout-content{display:flex;align-items:center;justify-content:center}div#window-layout-axample div.layout-content{width:100%;height:100%;overflow:hidden}div#window-layout-axample div.layout-content img.layout-content-icon{width:100px;height:100px;border-radius:5px} -------------------------------------------------------------------------------- /src/pages/Main/application/example/index.js: -------------------------------------------------------------------------------- 1 | 2 | import "./index.css" 3 | 4 | const ExampleWindowLayout = ({ name, icon }) => { 5 | return( 6 |
event.preventDefault()}> 7 |
8 | {name}/ 9 |
10 |
11 | ) 12 | } 13 | 14 | export default ExampleWindowLayout -------------------------------------------------------------------------------- /src/pages/Main/application/example/index.scss: -------------------------------------------------------------------------------- 1 | 2 | div#window-layout-axample { 3 | width: 100%; 4 | height: 100%; 5 | overflow: hidden; 6 | text-align: center; 7 | background-color: var(--currentColor); 8 | 9 | div.layout-content { 10 | display: flex; 11 | align-items: center; 12 | justify-content: center; 13 | } 14 | 15 | div.layout-content { 16 | width: 100%; 17 | height: 100%; 18 | overflow: hidden; 19 | } 20 | 21 | div.layout-content { 22 | img.layout-content-icon { 23 | width: 100px; 24 | height: 100px; 25 | border-radius: 5px; 26 | } 27 | } 28 | } -------------------------------------------------------------------------------- /src/pages/Main/application/notepad/index.css: -------------------------------------------------------------------------------- 1 | div#window-layout-notepad-screen{display:flex;align-items:center;justify-content:center}div#window-layout-notepad-screen{z-index:2;width:100%;transition:.5s;position:absolute;height:calc(100% - 55px);background-color:var(--currentColor)}div#window-layout-notepad-screen textarea.notepad-content{width:100%;border:none;outline:none;padding:10px;overflow:hidden;overflow-y:scroll;height:calc(100% - 20px);background-color:rgba(0,0,0,0)}div#window-layout-notepad-screen img.application-icon{width:100px;height:100px;border-radius:5px}div.ant-drawer-header-title{text-align:center} -------------------------------------------------------------------------------- /src/pages/Main/application/notepad/index.js: -------------------------------------------------------------------------------- 1 | 2 | import "./index.css" 3 | import { createRef, useState } from "react" 4 | import { message, FloatButton } from 'antd' 5 | import notepadIcon from "../../../../image/icon/notepad.png" 6 | import { ClearOutlined, AppstoreOutlined, FileTextOutlined } from '@ant-design/icons' 7 | 8 | const LayoutNotepad = () => { 9 | const textareaValue = createRef(null); 10 | const [screen, setScreen] = useState(true); 11 | setTimeout(() => setScreen(false),800); 12 | const [messageApi, contextHolder] = message.useMessage(); 13 | 14 | return ( 15 | <> 16 |
17 | 资源管理器 18 |
19 |
event.preventDefault()}> 20 | {contextHolder} 21 |