├── img
├── icon
│ ├── d.data_url
│ ├── alarm.png
│ ├── bin0.png
│ ├── bin1.png
│ ├── board.png
│ ├── buyme.png
│ ├── code.png
│ ├── edge.png
│ ├── excel.png
│ ├── help.png
│ ├── home.png
│ ├── mail.png
│ ├── maps.png
│ ├── news.png
│ ├── notes.png
│ ├── paint.png
│ ├── share.png
│ ├── skype.png
│ ├── snip.png
│ ├── store.png
│ ├── teams.png
│ ├── tips.png
│ ├── todo.png
│ ├── voice.png
│ ├── win
│ │ ├── 3.png
│ │ ├── 106.png
│ │ ├── 114.png
│ │ ├── 122.png
│ │ ├── 130.png
│ │ ├── 170.png
│ │ ├── 175.png
│ │ ├── 183.png
│ │ ├── 199.png
│ │ ├── 255.png
│ │ ├── 50.png
│ │ ├── 58.png
│ │ ├── 67.png
│ │ ├── 797.png
│ │ ├── 805.png
│ │ ├── 837.png
│ │ ├── 877.png
│ │ ├── 893.png
│ │ ├── 90.png
│ │ ├── 98.png
│ │ ├── bin.png
│ │ ├── net.png
│ │ ├── vid.png
│ │ ├── 1077.png
│ │ ├── 1085.png
│ │ ├── 1093.png
│ │ ├── 1101.png
│ │ ├── 1154.png
│ │ ├── 1247.png
│ │ ├── 1278.png
│ │ ├── 1286.png
│ │ ├── 1294.png
│ │ ├── 1437.png
│ │ ├── 1479.png
│ │ ├── 1569.png
│ │ ├── 1577.png
│ │ ├── 1585.png
│ │ ├── 1593.png
│ │ ├── 1609.png
│ │ ├── 1669.png
│ │ ├── 1677.png
│ │ ├── 1693.png
│ │ ├── 1736.png
│ │ ├── 1780.png
│ │ ├── 1788.png
│ │ ├── 1836.png
│ │ ├── 2000.png
│ │ ├── bin-em.png
│ │ ├── desk.png
│ │ ├── docs.png
│ │ ├── down.png
│ │ ├── folder.png
│ │ ├── info.png
│ │ ├── music.png
│ │ ├── pics.png
│ │ ├── pinned.png
│ │ ├── quick.ico
│ │ ├── shield.png
│ │ ├── store.png
│ │ ├── themes.png
│ │ ├── thispc.png
│ │ ├── vid-sm.png
│ │ ├── desk-sm.png
│ │ ├── disc-sm.png
│ │ ├── disk-sm.png
│ │ ├── docs-sm.png
│ │ ├── down-sm.png
│ │ ├── folder3d.png
│ │ ├── music-sm.png
│ │ ├── onedrive.png
│ │ ├── pics-sm.png
│ │ ├── shortcut.png
│ │ ├── star-sm.png
│ │ ├── userDir.png
│ │ ├── viewinfo.png
│ │ ├── folder-sm.png
│ │ ├── folder3d-sm.png
│ │ ├── onedrive-sm.png
│ │ ├── thispc-sm.png
│ │ └── viewlarge.png
│ ├── xbox.png
│ ├── camera.png
│ ├── cortana.png
│ ├── discord.png
│ ├── github.png
│ ├── groove.png
│ ├── movies.png
│ ├── notepad.png
│ ├── onenote.png
│ ├── outlook.png
│ ├── people.png
│ ├── photos.png
│ ├── search.png
│ ├── spotify.png
│ ├── twitter.png
│ ├── ui
│ │ ├── Apps.png
│ │ ├── copy.png
│ │ ├── cut.png
│ │ ├── dash.png
│ │ ├── left.png
│ │ ├── link.png
│ │ ├── mail.png
│ │ ├── moon.png
│ │ ├── more.png
│ │ ├── new.png
│ │ ├── plug.png
│ │ ├── sort.png
│ │ ├── sun.png
│ │ ├── view.png
│ │ ├── wifi.png
│ │ ├── Contact.png
│ │ ├── audio0.png
│ │ ├── audio1.png
│ │ ├── audio2.png
│ │ ├── audio3.png
│ │ ├── battery.png
│ │ ├── close.png
│ │ ├── connect.png
│ │ ├── display.png
│ │ ├── dustbin.png
│ │ ├── google.png
│ │ ├── marker.png
│ │ ├── maxmin.png
│ │ ├── network.png
│ │ ├── passkey.png
│ │ ├── paste.png
│ │ ├── pinlock.png
│ │ ├── power.png
│ │ ├── project.png
│ │ ├── refresh.png
│ │ ├── rename.png
│ │ ├── reply.png
│ │ ├── right.png
│ │ ├── saver.png
│ │ ├── search.png
│ │ ├── shield.png
│ │ ├── sort0.png
│ │ ├── tablet.png
│ │ ├── tesla.png
│ │ ├── trouble.png
│ │ ├── update.png
│ │ ├── airplane.png
│ │ ├── blueProf.png
│ │ ├── bluetooth.png
│ │ ├── downloads.png
│ │ ├── keyboard.png
│ │ ├── location.png
│ │ ├── maximize.png
│ │ ├── minimize.png
│ │ ├── nearshare.png
│ │ ├── settings.png
│ │ ├── sidepane.png
│ │ ├── brightness.png
│ │ ├── defAccount.png
│ │ ├── nightlight.png
│ │ ├── personalize.png
│ │ ├── screenshot.png
│ │ └── Icon.targetsize-256.png
│ ├── weather.png
│ ├── widget.png
│ ├── winWord.png
│ ├── yammer.png
│ ├── yphone.png
│ ├── calculator.png
│ ├── calendar.png
│ ├── explorer.png
│ ├── feedback.png
│ ├── getstarted.png
│ ├── minecraft.png
│ ├── msoffice.png
│ ├── narrator.png
│ ├── oneDrive.png
│ ├── pinterest.png
│ ├── powerpoint.png
│ ├── security.png
│ ├── settings.png
│ ├── soltaire.png
│ ├── terminal.png
│ └── unescape.png
├── kugou.jpg
├── deskbg.jpg
├── loginbg.jpg
├── windows10_home.png
└── windows10_icon.png
├── windows
├── apps
│ ├── explorer
│ │ ├── explorer.js
│ │ ├── explorer.html
│ │ └── explorer.css
│ ├── updates.html
│ ├── notepad
│ │ ├── notepad.html
│ │ └── notepad.css
│ ├── edge
│ │ ├── edge.js
│ │ ├── edge.css
│ │ └── edge.html
│ ├── setting
│ │ ├── setting.js
│ │ ├── setting.html
│ │ └── setting.css
│ ├── aboutme.html
│ ├── jisuanqi
│ │ ├── jisuanqi.css
│ │ ├── jisuanqi.html
│ │ └── jisuanqi.js
│ ├── music
│ │ ├── index.html
│ │ ├── index.css
│ │ └── index.js
│ └── bin.html
├── script.js
├── pages
│ ├── black.html
│ ├── poweron.html
│ ├── poweroff.html
│ ├── user.html
│ ├── desk.html
│ └── desk.css
├── style.css
├── index.html
├── urlreader.js
├── winload.css
└── appui.js
├── .gitignore
├── assets
└── SettingsIcons.woff2
├── README.md
└── index.html
/img/icon/d.data_url:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/windows/apps/explorer/explorer.js:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .git/
2 | temp/
3 | windows/apps/testapp/
--------------------------------------------------------------------------------
/windows/script.js:
--------------------------------------------------------------------------------
1 | document.getElementById("app").src='pages/poweron.html';
--------------------------------------------------------------------------------
/img/kugou.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/kugou.jpg
--------------------------------------------------------------------------------
/img/deskbg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/deskbg.jpg
--------------------------------------------------------------------------------
/img/loginbg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/loginbg.jpg
--------------------------------------------------------------------------------
/img/icon/alarm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/alarm.png
--------------------------------------------------------------------------------
/img/icon/bin0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/bin0.png
--------------------------------------------------------------------------------
/img/icon/bin1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/bin1.png
--------------------------------------------------------------------------------
/img/icon/board.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/board.png
--------------------------------------------------------------------------------
/img/icon/buyme.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/buyme.png
--------------------------------------------------------------------------------
/img/icon/code.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/code.png
--------------------------------------------------------------------------------
/img/icon/edge.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/edge.png
--------------------------------------------------------------------------------
/img/icon/excel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/excel.png
--------------------------------------------------------------------------------
/img/icon/help.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/help.png
--------------------------------------------------------------------------------
/img/icon/home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/home.png
--------------------------------------------------------------------------------
/img/icon/mail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/mail.png
--------------------------------------------------------------------------------
/img/icon/maps.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/maps.png
--------------------------------------------------------------------------------
/img/icon/news.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/news.png
--------------------------------------------------------------------------------
/img/icon/notes.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/notes.png
--------------------------------------------------------------------------------
/img/icon/paint.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/paint.png
--------------------------------------------------------------------------------
/img/icon/share.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/share.png
--------------------------------------------------------------------------------
/img/icon/skype.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/skype.png
--------------------------------------------------------------------------------
/img/icon/snip.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/snip.png
--------------------------------------------------------------------------------
/img/icon/store.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/store.png
--------------------------------------------------------------------------------
/img/icon/teams.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/teams.png
--------------------------------------------------------------------------------
/img/icon/tips.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/tips.png
--------------------------------------------------------------------------------
/img/icon/todo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/todo.png
--------------------------------------------------------------------------------
/img/icon/voice.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/voice.png
--------------------------------------------------------------------------------
/img/icon/win/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/3.png
--------------------------------------------------------------------------------
/img/icon/xbox.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/xbox.png
--------------------------------------------------------------------------------
/img/icon/camera.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/camera.png
--------------------------------------------------------------------------------
/img/icon/cortana.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/cortana.png
--------------------------------------------------------------------------------
/img/icon/discord.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/discord.png
--------------------------------------------------------------------------------
/img/icon/github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/github.png
--------------------------------------------------------------------------------
/img/icon/groove.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/groove.png
--------------------------------------------------------------------------------
/img/icon/movies.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/movies.png
--------------------------------------------------------------------------------
/img/icon/notepad.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/notepad.png
--------------------------------------------------------------------------------
/img/icon/onenote.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/onenote.png
--------------------------------------------------------------------------------
/img/icon/outlook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/outlook.png
--------------------------------------------------------------------------------
/img/icon/people.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/people.png
--------------------------------------------------------------------------------
/img/icon/photos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/photos.png
--------------------------------------------------------------------------------
/img/icon/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/search.png
--------------------------------------------------------------------------------
/img/icon/spotify.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/spotify.png
--------------------------------------------------------------------------------
/img/icon/twitter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/twitter.png
--------------------------------------------------------------------------------
/img/icon/ui/Apps.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/Apps.png
--------------------------------------------------------------------------------
/img/icon/ui/copy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/copy.png
--------------------------------------------------------------------------------
/img/icon/ui/cut.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/cut.png
--------------------------------------------------------------------------------
/img/icon/ui/dash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/dash.png
--------------------------------------------------------------------------------
/img/icon/ui/left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/left.png
--------------------------------------------------------------------------------
/img/icon/ui/link.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/link.png
--------------------------------------------------------------------------------
/img/icon/ui/mail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/mail.png
--------------------------------------------------------------------------------
/img/icon/ui/moon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/moon.png
--------------------------------------------------------------------------------
/img/icon/ui/more.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/more.png
--------------------------------------------------------------------------------
/img/icon/ui/new.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/new.png
--------------------------------------------------------------------------------
/img/icon/ui/plug.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/plug.png
--------------------------------------------------------------------------------
/img/icon/ui/sort.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/sort.png
--------------------------------------------------------------------------------
/img/icon/ui/sun.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/sun.png
--------------------------------------------------------------------------------
/img/icon/ui/view.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/view.png
--------------------------------------------------------------------------------
/img/icon/ui/wifi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/wifi.png
--------------------------------------------------------------------------------
/img/icon/weather.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/weather.png
--------------------------------------------------------------------------------
/img/icon/widget.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/widget.png
--------------------------------------------------------------------------------
/img/icon/win/106.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/106.png
--------------------------------------------------------------------------------
/img/icon/win/114.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/114.png
--------------------------------------------------------------------------------
/img/icon/win/122.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/122.png
--------------------------------------------------------------------------------
/img/icon/win/130.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/130.png
--------------------------------------------------------------------------------
/img/icon/win/170.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/170.png
--------------------------------------------------------------------------------
/img/icon/win/175.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/175.png
--------------------------------------------------------------------------------
/img/icon/win/183.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/183.png
--------------------------------------------------------------------------------
/img/icon/win/199.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/199.png
--------------------------------------------------------------------------------
/img/icon/win/255.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/255.png
--------------------------------------------------------------------------------
/img/icon/win/50.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/50.png
--------------------------------------------------------------------------------
/img/icon/win/58.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/58.png
--------------------------------------------------------------------------------
/img/icon/win/67.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/67.png
--------------------------------------------------------------------------------
/img/icon/win/797.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/797.png
--------------------------------------------------------------------------------
/img/icon/win/805.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/805.png
--------------------------------------------------------------------------------
/img/icon/win/837.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/837.png
--------------------------------------------------------------------------------
/img/icon/win/877.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/877.png
--------------------------------------------------------------------------------
/img/icon/win/893.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/893.png
--------------------------------------------------------------------------------
/img/icon/win/90.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/90.png
--------------------------------------------------------------------------------
/img/icon/win/98.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/98.png
--------------------------------------------------------------------------------
/img/icon/win/bin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/bin.png
--------------------------------------------------------------------------------
/img/icon/win/net.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/net.png
--------------------------------------------------------------------------------
/img/icon/win/vid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/vid.png
--------------------------------------------------------------------------------
/img/icon/winWord.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/winWord.png
--------------------------------------------------------------------------------
/img/icon/yammer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/yammer.png
--------------------------------------------------------------------------------
/img/icon/yphone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/yphone.png
--------------------------------------------------------------------------------
/img/icon/calculator.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/calculator.png
--------------------------------------------------------------------------------
/img/icon/calendar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/calendar.png
--------------------------------------------------------------------------------
/img/icon/explorer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/explorer.png
--------------------------------------------------------------------------------
/img/icon/feedback.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/feedback.png
--------------------------------------------------------------------------------
/img/icon/getstarted.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/getstarted.png
--------------------------------------------------------------------------------
/img/icon/minecraft.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/minecraft.png
--------------------------------------------------------------------------------
/img/icon/msoffice.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/msoffice.png
--------------------------------------------------------------------------------
/img/icon/narrator.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/narrator.png
--------------------------------------------------------------------------------
/img/icon/oneDrive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/oneDrive.png
--------------------------------------------------------------------------------
/img/icon/pinterest.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/pinterest.png
--------------------------------------------------------------------------------
/img/icon/powerpoint.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/powerpoint.png
--------------------------------------------------------------------------------
/img/icon/security.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/security.png
--------------------------------------------------------------------------------
/img/icon/settings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/settings.png
--------------------------------------------------------------------------------
/img/icon/soltaire.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/soltaire.png
--------------------------------------------------------------------------------
/img/icon/terminal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/terminal.png
--------------------------------------------------------------------------------
/img/icon/ui/Contact.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/Contact.png
--------------------------------------------------------------------------------
/img/icon/ui/audio0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/audio0.png
--------------------------------------------------------------------------------
/img/icon/ui/audio1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/audio1.png
--------------------------------------------------------------------------------
/img/icon/ui/audio2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/audio2.png
--------------------------------------------------------------------------------
/img/icon/ui/audio3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/audio3.png
--------------------------------------------------------------------------------
/img/icon/ui/battery.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/battery.png
--------------------------------------------------------------------------------
/img/icon/ui/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/close.png
--------------------------------------------------------------------------------
/img/icon/ui/connect.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/connect.png
--------------------------------------------------------------------------------
/img/icon/ui/display.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/display.png
--------------------------------------------------------------------------------
/img/icon/ui/dustbin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/dustbin.png
--------------------------------------------------------------------------------
/img/icon/ui/google.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/google.png
--------------------------------------------------------------------------------
/img/icon/ui/marker.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/marker.png
--------------------------------------------------------------------------------
/img/icon/ui/maxmin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/maxmin.png
--------------------------------------------------------------------------------
/img/icon/ui/network.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/network.png
--------------------------------------------------------------------------------
/img/icon/ui/passkey.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/passkey.png
--------------------------------------------------------------------------------
/img/icon/ui/paste.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/paste.png
--------------------------------------------------------------------------------
/img/icon/ui/pinlock.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/pinlock.png
--------------------------------------------------------------------------------
/img/icon/ui/power.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/power.png
--------------------------------------------------------------------------------
/img/icon/ui/project.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/project.png
--------------------------------------------------------------------------------
/img/icon/ui/refresh.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/refresh.png
--------------------------------------------------------------------------------
/img/icon/ui/rename.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/rename.png
--------------------------------------------------------------------------------
/img/icon/ui/reply.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/reply.png
--------------------------------------------------------------------------------
/img/icon/ui/right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/right.png
--------------------------------------------------------------------------------
/img/icon/ui/saver.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/saver.png
--------------------------------------------------------------------------------
/img/icon/ui/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/search.png
--------------------------------------------------------------------------------
/img/icon/ui/shield.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/shield.png
--------------------------------------------------------------------------------
/img/icon/ui/sort0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/sort0.png
--------------------------------------------------------------------------------
/img/icon/ui/tablet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/tablet.png
--------------------------------------------------------------------------------
/img/icon/ui/tesla.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/tesla.png
--------------------------------------------------------------------------------
/img/icon/ui/trouble.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/trouble.png
--------------------------------------------------------------------------------
/img/icon/ui/update.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/update.png
--------------------------------------------------------------------------------
/img/icon/unescape.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/unescape.png
--------------------------------------------------------------------------------
/img/icon/win/1077.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1077.png
--------------------------------------------------------------------------------
/img/icon/win/1085.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1085.png
--------------------------------------------------------------------------------
/img/icon/win/1093.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1093.png
--------------------------------------------------------------------------------
/img/icon/win/1101.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1101.png
--------------------------------------------------------------------------------
/img/icon/win/1154.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1154.png
--------------------------------------------------------------------------------
/img/icon/win/1247.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1247.png
--------------------------------------------------------------------------------
/img/icon/win/1278.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1278.png
--------------------------------------------------------------------------------
/img/icon/win/1286.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1286.png
--------------------------------------------------------------------------------
/img/icon/win/1294.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1294.png
--------------------------------------------------------------------------------
/img/icon/win/1437.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1437.png
--------------------------------------------------------------------------------
/img/icon/win/1479.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1479.png
--------------------------------------------------------------------------------
/img/icon/win/1569.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1569.png
--------------------------------------------------------------------------------
/img/icon/win/1577.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1577.png
--------------------------------------------------------------------------------
/img/icon/win/1585.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1585.png
--------------------------------------------------------------------------------
/img/icon/win/1593.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1593.png
--------------------------------------------------------------------------------
/img/icon/win/1609.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1609.png
--------------------------------------------------------------------------------
/img/icon/win/1669.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1669.png
--------------------------------------------------------------------------------
/img/icon/win/1677.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1677.png
--------------------------------------------------------------------------------
/img/icon/win/1693.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1693.png
--------------------------------------------------------------------------------
/img/icon/win/1736.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1736.png
--------------------------------------------------------------------------------
/img/icon/win/1780.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1780.png
--------------------------------------------------------------------------------
/img/icon/win/1788.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1788.png
--------------------------------------------------------------------------------
/img/icon/win/1836.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/1836.png
--------------------------------------------------------------------------------
/img/icon/win/2000.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/2000.png
--------------------------------------------------------------------------------
/img/icon/win/bin-em.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/bin-em.png
--------------------------------------------------------------------------------
/img/icon/win/desk.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/desk.png
--------------------------------------------------------------------------------
/img/icon/win/docs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/docs.png
--------------------------------------------------------------------------------
/img/icon/win/down.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/down.png
--------------------------------------------------------------------------------
/img/icon/win/folder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/folder.png
--------------------------------------------------------------------------------
/img/icon/win/info.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/info.png
--------------------------------------------------------------------------------
/img/icon/win/music.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/music.png
--------------------------------------------------------------------------------
/img/icon/win/pics.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/pics.png
--------------------------------------------------------------------------------
/img/icon/win/pinned.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/pinned.png
--------------------------------------------------------------------------------
/img/icon/win/quick.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/quick.ico
--------------------------------------------------------------------------------
/img/icon/win/shield.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/shield.png
--------------------------------------------------------------------------------
/img/icon/win/store.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/store.png
--------------------------------------------------------------------------------
/img/icon/win/themes.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/themes.png
--------------------------------------------------------------------------------
/img/icon/win/thispc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/thispc.png
--------------------------------------------------------------------------------
/img/icon/win/vid-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/vid-sm.png
--------------------------------------------------------------------------------
/img/windows10_home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/windows10_home.png
--------------------------------------------------------------------------------
/img/windows10_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/windows10_icon.png
--------------------------------------------------------------------------------
/windows/pages/black.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/img/icon/ui/airplane.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/airplane.png
--------------------------------------------------------------------------------
/img/icon/ui/blueProf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/blueProf.png
--------------------------------------------------------------------------------
/img/icon/ui/bluetooth.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/bluetooth.png
--------------------------------------------------------------------------------
/img/icon/ui/downloads.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/downloads.png
--------------------------------------------------------------------------------
/img/icon/ui/keyboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/keyboard.png
--------------------------------------------------------------------------------
/img/icon/ui/location.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/location.png
--------------------------------------------------------------------------------
/img/icon/ui/maximize.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/maximize.png
--------------------------------------------------------------------------------
/img/icon/ui/minimize.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/minimize.png
--------------------------------------------------------------------------------
/img/icon/ui/nearshare.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/nearshare.png
--------------------------------------------------------------------------------
/img/icon/ui/settings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/settings.png
--------------------------------------------------------------------------------
/img/icon/ui/sidepane.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/sidepane.png
--------------------------------------------------------------------------------
/img/icon/win/desk-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/desk-sm.png
--------------------------------------------------------------------------------
/img/icon/win/disc-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/disc-sm.png
--------------------------------------------------------------------------------
/img/icon/win/disk-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/disk-sm.png
--------------------------------------------------------------------------------
/img/icon/win/docs-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/docs-sm.png
--------------------------------------------------------------------------------
/img/icon/win/down-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/down-sm.png
--------------------------------------------------------------------------------
/img/icon/win/folder3d.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/folder3d.png
--------------------------------------------------------------------------------
/img/icon/win/music-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/music-sm.png
--------------------------------------------------------------------------------
/img/icon/win/onedrive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/onedrive.png
--------------------------------------------------------------------------------
/img/icon/win/pics-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/pics-sm.png
--------------------------------------------------------------------------------
/img/icon/win/shortcut.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/shortcut.png
--------------------------------------------------------------------------------
/img/icon/win/star-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/star-sm.png
--------------------------------------------------------------------------------
/img/icon/win/userDir.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/userDir.png
--------------------------------------------------------------------------------
/img/icon/win/viewinfo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/viewinfo.png
--------------------------------------------------------------------------------
/assets/SettingsIcons.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/assets/SettingsIcons.woff2
--------------------------------------------------------------------------------
/img/icon/ui/brightness.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/brightness.png
--------------------------------------------------------------------------------
/img/icon/ui/defAccount.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/defAccount.png
--------------------------------------------------------------------------------
/img/icon/ui/nightlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/nightlight.png
--------------------------------------------------------------------------------
/img/icon/ui/personalize.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/personalize.png
--------------------------------------------------------------------------------
/img/icon/ui/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/screenshot.png
--------------------------------------------------------------------------------
/img/icon/win/folder-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/folder-sm.png
--------------------------------------------------------------------------------
/img/icon/win/folder3d-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/folder3d-sm.png
--------------------------------------------------------------------------------
/img/icon/win/onedrive-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/onedrive-sm.png
--------------------------------------------------------------------------------
/img/icon/win/thispc-sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/thispc-sm.png
--------------------------------------------------------------------------------
/img/icon/win/viewlarge.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/win/viewlarge.png
--------------------------------------------------------------------------------
/img/icon/ui/Icon.targetsize-256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/siquan001/Win10online/HEAD/img/icon/ui/Icon.targetsize-256.png
--------------------------------------------------------------------------------
/windows/style.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;padding: 0;
3 | }
4 | body{
5 | height: 100vh;
6 | overflow: hidden;
7 | }
8 | #app{
9 | width: 100%;
10 | height: 100vh;
11 | }
12 | .pad-light{
13 | background-color: #000d;
14 | width: 100%;
15 | height: 100%;
16 | position: absolute;
17 | top: 0;left: 0;
18 | opacity: 0;
19 | z-index: 9999;
20 | pointer-events: none;
21 | }
--------------------------------------------------------------------------------
/windows/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Windows 10 online
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Windows 10 网页版
2 | ## 简介
3 | Windows 10 网页版是一个使用标准的网页技术,如HTML、CSS、Javascript搭建的开源的网页项目,希望能够在网页上复制Windows 10的体验
4 | ## 版权声明
5 | 本项目由陈思全原创,你可以自由的下载、更改,也可以以任何形式发布到任何媒介中,但是必须给予适当的署名,您必须提供作者姓名和作品链接,同时标明是否对此处做了修改。您可以用任何的方式署名,但是不得以任何方式暗示许可方认可您或你的使用。
6 | 此项目绝不附属于Microsoft,且不应与Microsoft的产品相混淆,这也不是Windows 365 Cloud PC
7 | 本项目中Microsoft、Windows和其它示范产品是Microsoft公司的商标。
8 | ## 其它
9 | 如果你对该项目感兴趣可以到Github提issue,或联系我的邮箱:chensiquan2022@163.com
10 | ## 当前版本:0.7.6
11 | 添加右键菜单
12 | ### 0.7.5
13 | 添加通知功能,并对窗口进行优化。
14 | ### 0.7.2.1
15 | 新增计算器应用
16 | ### 0.7.2
17 | - 修改部分内容
18 | - 新增Edge应用
19 | - 新增版本更新提醒
20 | ### 0.7.1.01
21 | 解决一个小Bug。
22 | ### 0.7.1
23 | 目前是一个空壳子,只能实现一些基础功能和页面。
24 |
--------------------------------------------------------------------------------
/windows/apps/updates.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
22 |
23 |
24 | 新版本:0.7.6
25 | 添加右键菜单
26 |
27 |
28 |
--------------------------------------------------------------------------------
/windows/apps/notepad/notepad.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | TestApp
9 |
10 |
11 |
12 |
13 |
14 |
15 | - 文件(F)
16 | - 编辑(E)
17 | - 格式(O)
18 | - 查看(V)
19 | - 帮助(H)
20 |
21 |
22 |
23 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/windows/urlreader.js:
--------------------------------------------------------------------------------
1 | !function(){
2 | var URLreadStr='?';
3 | var URLreader={
4 | read:function(str){
5 | URLreadStr=typeof str=='string'&&str?str:'?';
6 | readurl();
7 | },
8 | version:'1.0.0'
9 | }
10 | var readObj={};
11 | function readurl(){
12 | var url=decodeURI(location.href);
13 | if(url.indexOf(URLreadStr)==-1) return;
14 | url=url.substring(url.indexOf(URLreadStr)+URLreadStr.length,url.length);
15 | var cacheArray=url.split('&');
16 | for(var i=0;i
2 |
3 |
4 |
5 |
6 |
7 |
8 |
26 |
27 |
28 |
29 |
30 |
31 |
36 |
--------------------------------------------------------------------------------
/windows/apps/notepad/notepad.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | }
5 | li{
6 | list-style:none;
7 | }
8 | .openlist{
9 | width: 100%;
10 | height: 24px;
11 | line-height: 24px;
12 | border-bottom: #eee solid 1px;
13 | overflow: hidden;
14 | }
15 | .openlist ul li{
16 | float: left;
17 | padding: 0 .5em;
18 | font-size: 12px;
19 | border: transparent solid 1px;
20 | }
21 | .openlist ul li:hover{
22 | background-color: #ccf7fd;
23 | }
24 | .openlist ul li:active,
25 | .openlist ul li.act
26 | {
27 | border-color: #0ef;
28 | }
29 | #textarea{
30 | width: calc(100% - 6px);
31 | height: calc(100% - 52px);
32 | display: block;
33 | padding: 0 3px;
34 | line-height: 24px;
35 | font-size: 16px;
36 | font-family: '宋体';
37 | outline: 0;
38 | border: 0;
39 | resize: none;
40 | overflow-y: scroll;
41 | overflow-x: hidden;
42 | }
43 | .footer{
44 | width: 100%;
45 | height: 24px;
46 | line-height: 24px;
47 | border-top: #ddd solid 1px;
48 | overflow: hidden;
49 | background-color: #eee;
50 | font-size: 12px;
51 | }
52 | .footer ul{
53 | float: right;
54 | }
55 | .footer ul li{
56 | float: left;
57 | padding: 0 2em;
58 | border-left: #ddd solid 1px;
59 | }
--------------------------------------------------------------------------------
/windows/apps/edge/edge.js:
--------------------------------------------------------------------------------
1 | var f=document.getElementById('frame');
2 | var h=['https://bing.com/'];
3 | document.querySelector('.top input').onkeydown=function(e){
4 | if(e.keyCode==13){
5 | e.preventDefault();
6 | var a=this.value.trim();
7 | if(!a) return;
8 | if(a.indexOf('.')>0){
9 | if(a.indexOf('://')==-1){
10 | a='https://'+a;
11 | }
12 | }else{
13 | a='https://cn.bing.com/search?q='+a;
14 | }
15 | f.src=a;
16 | h.push(a);
17 | }
18 | }
19 | document.querySelectorAll('.links a').forEach(function(element) {
20 | element.onclick=function(){
21 | var l=this.getAttribute('data-href');
22 | f.src=l;
23 | h.push(l);
24 | }
25 | });
26 | document.querySelector('.back').onclick=function(){
27 | if(h.length==1) return;
28 | f.src=h[h.length-2];
29 | h.pop();
30 | }
31 | document.querySelector('.reload').onclick=function(){
32 | f.src='about:blank';
33 | f.onload=function(){
34 | f.src=h[h.length-1];
35 | }
36 | }
37 | document.querySelector('.home').onclick=function(){
38 | f.src='https://cn.bing.com/';
39 | h=['https://cn.bing.com/'];
40 | }
41 |
--------------------------------------------------------------------------------
/windows/apps/setting/setting.js:
--------------------------------------------------------------------------------
1 | var searchs = document.querySelectorAll(".search");
2 | searchs.forEach(function (e) {
3 | var input = e.querySelector('input');
4 | var button = e.querySelector('button');
5 | input.addEventListener('input', function () {
6 | if (this.value == "") {
7 | button.classList.add('bi-search');
8 | button.classList.remove('bi-x-lg');
9 | } else {
10 | button.classList.remove('bi-search');
11 | button.classList.add('bi-x-lg');
12 | }
13 | })
14 |
15 | button.onclick = function () {
16 | if (this.classList.contains('bi-x-lg')) {
17 | input.value = "";
18 | button.classList.add('bi-search');
19 | button.classList.remove('bi-x-lg');
20 | }
21 | }
22 | });
23 | document.querySelectorAll(".win-check2").forEach(function(e){
24 | if(e.classList.contains('checked')){
25 | e.querySelector('.statu').innerHTML="开";
26 | }else{
27 | e.querySelector('.statu').innerHTML="关";
28 | }
29 | e.onclick=function(){
30 | if(e.classList.contains('checked')){
31 | e.classList.remove('checked');
32 | e.querySelector('.statu').innerHTML="关";
33 | }else{
34 | e.classList.add('checked');
35 | e.querySelector('.statu').innerHTML="开";
36 | }
37 | }
38 | })
--------------------------------------------------------------------------------
/windows/pages/poweroff.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
35 |
36 |
37 |
38 | 正在关机
39 |
40 |
41 |
53 |
--------------------------------------------------------------------------------
/windows/apps/aboutme.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
22 |
23 |
24 | Windows 10 网页版
25 | 简介
26 | Windows 10 网页版是一个使用标准的网页技术,如HTML、CSS、Javascript搭建的开源的网页项目,希望能够在网页上复制Windows 10的体验
27 | 版权声明
28 | 本项目由陈思全原创,你可以自由的下载、更改,也可以以任何形式发布到任何媒介中,但是必须给予适当的署名,您必须提供作者姓名和作品链接,同时标明是否对此处做了修改。您可以用任何的方式署名,但是不得以任何方式暗示许可方认可您或你的使用。
29 | 此项目绝不附属于Microsoft,且不应与Microsoft的产品相混淆,这也不是Windows 365 Cloud PC
30 | 本项目中Microsoft、Windows和其它示范产品是Microsoft公司的商标。
31 | 其它
32 | 如果你对该项目感兴趣可以到Github提issue,或联系我的邮箱:chensiquan2022@163.com
33 | 当前版本:0.7.6
34 | 添加右键菜单
35 | 0.7.5
36 | 添加通知功能,并对窗口进行优化。
37 | 0.7.2.1
38 | 新增计算器应用
39 | 0.7.2
40 |
41 | - 修改部分内容
42 | - 新增Edge应用
43 | - 新增版本更新提醒
44 |
45 | 0.7.1.01
46 | 解决一个小Bug。
47 | 0.7.1
48 | 是一个空壳子,只能实现一些基础功能和页面。
49 |
50 |
51 |
--------------------------------------------------------------------------------
/windows/apps/edge/edge.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;padding: 0;
3 | }
4 | .tc{
5 | width: 100%;
6 | height: 100%;
7 | display: flex;
8 | justify-content: center;
9 | align-items: center;
10 | font-size: 40px;
11 | color: #ddd;
12 | background-color: #fff;
13 | }
14 | .top{
15 | width: 100%;
16 | height: 40px;
17 | background-color: #fafafa;
18 | }
19 | .top .icon{
20 | width: 36px;
21 | height: 36px;
22 | margin: 2px;
23 | display: flex;
24 | justify-content: center;
25 | align-items: center;
26 | font-size: 20px;
27 | border-radius: 5px;
28 | transition: all .3s;
29 | }
30 | .top .icon:hover{
31 | background-color: #0002;
32 | }
33 | .top>*{
34 | float: left;
35 | }
36 | .top .search{
37 | width: calc(100% - 160px);
38 | border-radius: 5px;
39 | background-color: #fff;
40 | height: 34px;
41 | box-shadow: 0 0 2px #0003;
42 | margin: 3px 0;
43 | }
44 | .top .search .ui-icon{
45 | width: 34px;
46 | height: 34px;
47 | float: left;
48 | display: flex;
49 | justify-content: center;
50 | align-items: center;
51 | font-size: 17px;
52 | }
53 | .top .search input{
54 | width: calc(100% - 46px);
55 | height: 34px;
56 | padding:0 6px;
57 | border: 0;
58 | outline: 0;
59 | background-color: transparent;
60 | }
61 | .links{
62 | width: 100%;
63 | height: 24px;
64 | background-color: #fafafa;
65 | }
66 | .links a{
67 | text-decoration: none;
68 | color: #000;
69 | }
70 | .links li{
71 | float: left;
72 | list-style: none;
73 | width: 100px;
74 | height: 24px;
75 | }
76 | .links img,.links p{
77 | float: left;
78 | }
79 | .links img{
80 | width: 18px;
81 | height: 18px;
82 | padding: 3px;
83 | }
84 | .links p{
85 | white-space: nowrap;
86 | text-overflow: ellipsis;
87 | line-height: 24px;
88 | width: 76px;
89 | font-size: 14px;
90 | }
91 | #frame{
92 | width: 100%;
93 | height: calc(100% - 68px);
94 | border: 0;
95 | padding: 0;
96 | margin: 0;
97 | }
--------------------------------------------------------------------------------
/windows/apps/jisuanqi/jisuanqi.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;padding: 0;
3 | }
4 | a{
5 | text-decoration: none;
6 | }
7 | li{
8 | list-style: none;
9 | }
10 | body{
11 | background-color: #f7f7f7;
12 | }
13 | .top{
14 | width: 100%;
15 | height: 40px;
16 | overflow: hidden;
17 | }
18 | .top>*{
19 | float: left;
20 | }
21 | .top .menu_btn{
22 | width: 40px;
23 | height: 42px;
24 | display: flex;
25 | justify-content: center;
26 | align-items: center;
27 | margin-right: 5px;
28 | font-size: 26px;
29 | }
30 | .top .menu_btn:hover{
31 | background-color: #0001;
32 | }
33 | .top .jsq_title{
34 | line-height: 40px;
35 | font-size: 20px;
36 | font-weight: bold;
37 | }
38 | .show_frame{
39 | width: 100%;
40 | height: 120px;
41 | position: relative;
42 | }
43 | .show_frame .log{
44 | font-size: 46px;
45 | font-weight: 500;
46 | position: absolute;
47 | bottom: 0;right: 0;
48 | line-height: 80px;
49 | padding-right: 16px;
50 | }
51 | .show_frame .mes{
52 | position: absolute;
53 | bottom: 80px;right: 0;
54 | line-height: 30px;
55 | padding-right: 16px;
56 | color: #aaa;
57 | }
58 | .ajs{
59 | width: 100%;
60 | height: calc(100% - 160px);
61 | }
62 | .ajs table{
63 | width: 100%;
64 | height: 100%;
65 | }
66 | .ajs table td{
67 | margin: 1px;
68 | background-color: #fff;
69 | width: calc(25% - 2px);
70 | text-align: center;
71 | border: #0000 solid 1px;
72 | }
73 | .ajs td.tm{
74 | background-color: #ffffff66;
75 | }
76 | .ajs td.b{
77 | overflow: hidden;
78 | }
79 | .ajs td.b span{
80 | display: block;
81 | transform: scale(1.6);
82 | font-weight: 300;
83 | }
84 | .ajs td.dn{
85 | background-color: #00f4;
86 | }
87 | .ajs td:hover{
88 | background-color: #6663;
89 | border: #6661 solid 1px;
90 | box-sizing: border-box;
91 | }
92 | .ajs td.dn:hover{
93 | background-color: #00f7;
94 | }
95 | .ajs td:active{
96 | background-color: #6666;
97 | }
98 | .ajs td.dn:active{
99 | background-color: #00f9;
100 | }
--------------------------------------------------------------------------------
/windows/apps/edge/edge.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
19 |
20 |
21 |
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/windows/apps/jisuanqi/jisuanqi.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | 计算器
8 |
9 |
10 |
11 |
12 |
18 |
22 |
23 |
24 |
25 | | % |
26 | CE |
27 | C |
28 | |
29 |
30 |
31 | | 1/x |
32 | x2 |
33 | √x |
34 | ÷ |
35 |
36 |
37 | | 7 |
38 | 8 |
39 | 9 |
40 | × |
41 |
42 |
43 | | 4 |
44 | 5 |
45 | 6 |
46 | - |
47 |
48 |
49 | | 1 |
50 | 2 |
51 | 3 |
52 | + |
53 |
54 |
55 | | +/- |
56 | 0 |
57 | . |
58 | = |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/windows/apps/music/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | KuGou For Web
8 |
9 |
10 |
11 |
12 |
16 |
19 |
23 |
24 |
25 |

26 |
27 |
28 |
29 |
30 |
31 |
35 |
36 |
酷狗音乐
37 |
酷狗音乐
38 |
42 |
43 |
44 |
48 |
49 |
87 |
88 |
89 |
90 |
91 |
--------------------------------------------------------------------------------
/windows/apps/bin.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | -
13 | 文件
14 |
15 | - 计算机
16 | - 查看
17 |
18 |
19 | -
20 |
21 |
22 |
23 |
24 | -
25 |
26 |

27 |
28 |
29 |
30 |
31 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |

57 |
58 |
快速访问
59 |
60 |
61 | -
62 |
63 |

64 |
65 | 桌面
66 |
67 | -
68 |
69 |

70 |
71 | 文档
72 |
73 | -
74 |
75 |

76 |
77 | 下载
78 |
79 | -
80 |
81 |

82 |
83 | 图片
84 |
85 |
86 |
87 |
88 |
93 |
94 |
95 |
96 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | 至Windows10网页版的中转站
9 |
80 |
81 |
82 |
83 |
84 |
至Windows10网页版的中转站
85 |
Other Website => Windows10网页版
86 |
在这里,我们只帮你预加载一些图片,因为Github站点访问较慢,加载完后自动跳转,如果你不想等待,请点击链接
87 |
90 |
91 |
92 |

93 |

94 |

95 |

96 |

97 |

98 |

99 |

100 |

101 |

102 |

103 |

104 |

105 |

106 |

107 |

108 |

109 |

110 |

111 |

112 |

113 |

114 |

115 |

116 |

117 |

118 |

119 |

120 |

121 |
122 |
123 |
124 |
130 |
131 |
132 |
--------------------------------------------------------------------------------
/windows/apps/explorer/explorer.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | -
13 | 文件
14 |
15 | - 计算机
16 | - 查看
17 |
18 |
19 | -
20 |
21 |
22 |
23 |
24 | -
25 |
26 |

27 |
28 |
29 |
30 |
31 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |

57 |
58 |
快速访问
59 |
60 |
61 | -
62 |
63 |

64 |
65 | 桌面
66 |
67 | -
68 |
69 |

70 |
71 | 文档
72 |
73 | -
74 |
75 |

76 |
77 | 下载
78 |
79 | -
80 |
81 |

82 |
83 | 图片
84 |
85 |
86 |
87 |
88 |
89 |
90 |
96 | -
97 |
98 |

99 |
100 |
101 |
本地磁盘(C:)
102 |
103 |
18.3 GB 可用,共 30.5 GB
104 |
105 |
106 | -
107 |
108 |

109 |
110 |
111 |
数据(D:)
112 |
113 |
186.2 GB 可用,共 266 GB
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
--------------------------------------------------------------------------------
/windows/apps/jisuanqi/jisuanqi.js:
--------------------------------------------------------------------------------
1 | var nc=null;
2 | var fh=null;
3 | function $(a){
4 | var a=document.querySelectorAll(a)
5 | return a.length<=1?a[0]:a;
6 | }
7 | $('.num').forEach(function(e){
8 | e.onclick=function(){
9 | if($('.show_frame .log').innerText=="0"){
10 | $('.show_frame .log').innerText=e.innerText;
11 | }else if($('.show_frame .log').innerText.length>=17){}
12 | else{
13 | $('.show_frame .log').innerText+=e.innerText;
14 | if($('.show_frame .log').innerText.length>10){
15 | $('.show_frame .log').style.fontSize="24px"
16 | }else{
17 | $('.show_frame .log').style.fontSize="46px"
18 | }
19 | }
20 | }
21 | })
22 | $('.jia').onclick=function(){
23 | fhclick('+');
24 | }
25 | $('.jian').onclick=function(){
26 | fhclick('-');
27 | }
28 | $('.chen').onclick=function(){
29 | fhclick('*');
30 | }
31 | $('.chu').onclick=function(){
32 | fhclick('/');
33 | }
34 | $('.dengyu').onclick=function(){
35 | if(fh&&$('.show_frame .log').innerText){
36 | var result=js(nc,fh,parseFloat($('.show_frame .log').innerText));
37 | fh=null;
38 | nc=null;
39 | $('.show_frame .mes').innerText='';
40 | $('.show_frame .log').innerText=result;
41 | if($('.show_frame .log').innerText.length>10){
42 | $('.show_frame .log').style.fontSize="24px"
43 | }else{
44 | $('.show_frame .log').style.fontSize="46px"
45 | }
46 | }
47 | }
48 | $('.allc').onclick=function(){
49 | fh=null;
50 | nc=null;
51 | $('.show_frame .mes').innerText='';
52 | $('.show_frame .log').innerText='0';
53 | $('.show_frame .log').style.fontSize="46px"
54 | }
55 | $('.backspace').onclick=function(){
56 | var t=$('.show_frame .log').innerText;
57 | if(!(t=='0'||t.length==0)){
58 | t=t.substring(0,t.length-1);
59 | if(t==''){
60 | t='0';
61 | }
62 | }
63 | $('.show_frame .log').innerText=t;
64 | }
65 | $('.logc').onclick=function(){
66 | $('.show_frame .log').innerText='0';
67 | $('.show_frame .log').style.fontSize="46px"
68 | }
69 | $('.point').onclick=function(){
70 | var t=$('.show_frame .log').innerText;
71 | if(!(t==''||t.indexOf('.')!=-1)){
72 | t+='.';
73 | }
74 | $('.show_frame .log').innerText=t;
75 | if($('.show_frame .log').innerText.length>10){
76 | $('.show_frame .log').style.fontSize="24px"
77 | }else{
78 | $('.show_frame .log').style.fontSize="46px"
79 | }
80 | }
81 | $('.zorf').onclick=function(){
82 | var t=$('.show_frame .log').innerText;
83 | t=0-parseFloat(t);
84 | $('.show_frame .log').innerText=t;
85 | if($('.show_frame .log').innerText.length>10){
86 | $('.show_frame .log').style.fontSize="24px"
87 | }else{
88 | $('.show_frame .log').style.fontSize="46px"
89 | }
90 | }
91 | $('.percent').onclick=function(){
92 | var t=$('.show_frame .log').innerText;
93 | t=parseFloat(t)/100;
94 | $('.show_frame .log').innerText=t;
95 | if($('.show_frame .log').innerText.length>10){
96 | $('.show_frame .log').style.fontSize="24px"
97 | }else{
98 | $('.show_frame .log').style.fontSize="46px"
99 | }
100 | }
101 | $('.xfz1').onclick=function(){
102 | var t=$('.show_frame .log').innerText;
103 | t=1/parseFloat(t);
104 | $('.show_frame .log').innerText=t;
105 | if($('.show_frame .log').innerText.length>10){
106 | $('.show_frame .log').style.fontSize="24px"
107 | }else{
108 | $('.show_frame .log').style.fontSize="46px"
109 | }
110 | }
111 | $('.xdpf').onclick=function(){
112 | var t=$('.show_frame .log').innerText;
113 | t=t*t;
114 | $('.show_frame .log').innerText=t;
115 | if($('.show_frame .log').innerText.length>10){
116 | $('.show_frame .log').style.fontSize="24px"
117 | }else{
118 | $('.show_frame .log').style.fontSize="46px"
119 | }
120 | }
121 | $('.ghx').onclick=function(){
122 | var t=$('.show_frame .log').innerText;
123 | t=Math.sqrt(t);
124 | $('.show_frame .log').innerText=t;
125 | if($('.show_frame .log').innerText.length>10){
126 | $('.show_frame .log').style.fontSize="24px"
127 | }else{
128 | $('.show_frame .log').style.fontSize="46px"
129 | }
130 | }
131 | function fhclick(fhn){
132 | if($('.show_frame .log').innerText==''){
133 | fh=fhn;
134 | $('.show_frame .mes').innerText=nc+fhn;
135 | return;
136 | }
137 | if(nc==null){
138 | nc=parseFloat($('.show_frame .log').innerText);
139 | }else{
140 | nc=js(nc,fh,parseFloat($('.show_frame .log').innerText));
141 | }
142 | fh=fhn;
143 | $('.show_frame .mes').innerText=nc+fhn;
144 | $('.show_frame .log').innerText='';
145 | }
146 | function js(a,b,c){
147 | if(b=='+'){
148 | return a+c;
149 | }else if(b=='-'){
150 | return a-c;
151 | }else if(b=='*'){
152 | return a*c;
153 | }else if(b=='/'){
154 | return a/c;
155 | }
156 | }
--------------------------------------------------------------------------------
/windows/pages/user.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
130 |
131 |
132 |
133 |
134 |
135 |
00:00
136 |
1月1日 星期一
137 |
138 |
139 |
140 |

141 |
Administrater
142 |
143 |
144 |
145 |
146 |
147 |
189 |
190 |
--------------------------------------------------------------------------------
/windows/apps/explorer/explorer.css:
--------------------------------------------------------------------------------
1 | @import url(https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.9.1/font/bootstrap-icons.css);
2 | *{
3 | margin: 0;padding: 0;
4 | }
5 | body{
6 | background-color: #fff;
7 | }
8 | li{
9 | list-style: none;
10 | }
11 | .top{
12 | width: 100%;
13 | height: 24px;
14 | border-bottom: #ddd solid 1px;
15 | }
16 | .top ul.left li.a1{
17 | background-color: rgb(72, 2, 211);
18 | }
19 | .top ul.left li{
20 | width: 59px;
21 | height: 23px;
22 | line-height: 24px;
23 | overflow: hidden;
24 | text-align: center;
25 | float: left;
26 | margin: 0 5px;
27 | font-size: 14px;
28 | border: #0000 solid 1px;
29 | }
30 | .top ul.left li:hover{
31 | border-color: #ddd;
32 | background-color: #eee;
33 | }
34 | .top ul.left li.a1:hover{
35 | background-color: rgb(35, 99, 216);
36 | border-color: #0000;
37 | }
38 | .top ul.right li{
39 | float: left;
40 | width: 23px;
41 | height: 23px;
42 | line-height: 24px;
43 | text-align: center;
44 | margin: 0 2px;
45 | border: #0000 solid 1px;
46 | }
47 | .top ul.right li:hover{
48 | border-color: #0ef;
49 | background-color: #0ef1;
50 | }
51 | .top ul.right li .ui-icon{
52 | width: 100%;height: 100%;
53 | font-size: 14px;
54 | }
55 | .top ul.right li .ui-icon img{
56 | width: 20px;
57 | height: 20px;
58 | margin: 2px;
59 | }
60 | .left{
61 | float: left!important;
62 | }
63 | .right {
64 | float: right!important;
65 | }
66 | .address{
67 | width: 100%;
68 | height: 34px;
69 | }
70 | .address *{
71 | float: left;
72 | }
73 | .address .ui-icon{
74 | width: 34px;
75 | height: 34px;
76 | display: flex;
77 | justify-content: center;
78 | align-items: center;
79 | }
80 | .address .ui-icon img{
81 | width: 24px;
82 | height: 24px;
83 | margin: 5px;
84 | }
85 | .address .input{
86 | width: calc(100% - 388px);
87 | height: 28px;
88 | margin: 2px;
89 | border: #ddd solid 1px;
90 | line-height: 28px;
91 | }
92 | .address .input .ui-icon,.address .search .ui-icon{
93 | width: 28px;
94 | height: 28px;
95 | }
96 | .address .input .ui-icon img{
97 | width: 20px;
98 | height: 20px;
99 | margin: 4px;
100 | }
101 | .address .ui-icon span[class*=bi-chevron-]{
102 | font-size: 8px;
103 | }
104 | .address .search{
105 | width: 234px;
106 | margin: 2px 5px;
107 | border: #ddd solid 1px;
108 | height: 28px;
109 | }
110 | .address input{
111 | width: 194px;
112 | height: 28px;
113 | border: 0;
114 | outline: 0;
115 | padding:0 6px;
116 | }
117 | .address .input .ui-icon.reload{
118 | border-left: #ddd solid 1px;
119 | }
120 | .address .ui-icon.t:hover{
121 | color: #09f;
122 | }
123 | .address .ui-icon.m:hover{
124 | box-sizing: border-box;
125 | border: #0ef solid 1px;
126 | background-color: #0ef1;
127 | }
128 | .tc{
129 | width: 100%;
130 | height: calc(100% - 59px);
131 | color: #ddd;
132 | font-size: 40px;
133 | display: flex;
134 | justify-content: center;
135 | align-items: center;
136 | }
137 |
138 | .main{
139 | width: 100%;
140 | height: calc(100% - 59px);
141 | }
142 | .main .left-bar{
143 | width: 250px;
144 | height: 100%;
145 | overflow: auto;
146 | border-right: #eee solid 1px;
147 | float: left;
148 | }
149 | .main .left-bar>*{
150 | width: 100%;
151 | }
152 | .main .left-bar .quick-fw .t{
153 | width: 100%;
154 | height: 30px;
155 | }
156 | .main .left-bar .ui-icon{
157 | width: 20px;
158 | height: 20px;
159 | margin: 5px;
160 | margin-left: 0;
161 | float: left;
162 | }
163 | .main .left-bar .ui-icon img{
164 | width: 100%;
165 | height:100%;
166 | }
167 | .main .left-bar .quick-fw .t .title{
168 | float: left;
169 | width: calc(100% - 60px);
170 | overflow: hidden;
171 | white-space: nowrap;
172 | text-overflow: ellipsis;
173 | line-height: 30px;
174 | font-size: 12px;
175 | }
176 | .main .left-bar .quick-fw ul{
177 | margin-left: 20px;
178 | }
179 | .main .left-bar .quick-fw ul li{
180 | width: calc(100% - 20px);
181 | height:30px
182 | }
183 | .main .left-bar .quick-fw .t .bi{
184 | line-height: 30px;
185 | width: 30px;
186 | text-align: center;
187 | float: left;
188 | font-size: 12px;
189 | }
190 | .main .left-bar .quick-fw li .title{
191 | float: left;
192 | width: calc(100% - 30px);
193 | overflow: hidden;
194 | white-space: nowrap;
195 | text-overflow: ellipsis;
196 | line-height: 30px;
197 | font-size: 12px;
198 | }
199 | .main .left-bar .quick-fw li:hover,
200 | .main .right-con ul li:hover
201 | {
202 | background-color: #d9fcff;
203 | }
204 | .main .right-con{
205 | width: calc(100% - 251px);
206 | height: 100%;
207 | float: left;
208 | }
209 | .main .right-con ul li{
210 | float: left;
211 | width: 80px;
212 | height: 120px;
213 | margin: 10px;
214 | border: transparent solid 1px;
215 | }
216 | .main .right-con ul li.act{
217 | border: #09f solid 1px;
218 | }
219 | .main .right-con ul li .ui-icon{
220 | width: 50px;
221 | height: 50px;
222 | margin: 15px;
223 | }
224 | .main .right-con ul li .ui-icon img{
225 | width: 100%;
226 | height:100%;
227 | }
228 | .main .right-con ul li .title{
229 | font-size: 12px;
230 | text-align: center;
231 | }
232 | .main .right-con.pp ul li{
233 | float: left;
234 | width: 300px;
235 | height: 80px;
236 | }
237 | .main .right-con.pp ul li .ui-icon{
238 | float: left;
239 | }
240 | .main .right-con.pp ul li .message{
241 | float: left;
242 | width: calc(100% - 80px);
243 | height: 80px;
244 | }
245 | .main .right-con.pp ul li .message .title{
246 | font-size: 14px;
247 | text-align: left;
248 | line-height: 30px;
249 | }
250 |
251 | .main .right-con.pp ul li .progress{
252 | width: calc(100% - 12px);
253 | margin: 5px;
254 | border: #ddd solid 1px;
255 | background-color: #eee;
256 | height: 15px;
257 | }
258 | .main .right-con.pp ul li .progress::after{
259 | content: '';
260 | display: block;
261 | width: var(--p);
262 | height: 100%;
263 | background-color: #09f;
264 | }
265 | .main .right-con.pp ul li .sto{
266 | font-size: 14px;
267 | color: #888;
268 | line-height: 20px;
269 | }
--------------------------------------------------------------------------------
/windows/apps/music/index.css:
--------------------------------------------------------------------------------
1 | @import url(https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.9.1/font/bootstrap-icons.css);
2 | *{
3 | margin: 0;
4 | padding: 0;
5 | }
6 | li{
7 | list-style: none;
8 | }
9 | body{
10 | overflow: hidden;
11 | }
12 | .topper{
13 | width: 100%;
14 | height: 70px;
15 | position: relative;
16 | }
17 | .topper .leftcon{
18 | height: 40px;
19 | margin: 15px;
20 | float: left;
21 | }
22 | .topper .leftcon .item{
23 | width: 40px;
24 | height: 40px;
25 | line-height: 40px;
26 | text-align: center;
27 | float: left;
28 | font-size: 20px;
29 | }
30 | .topper .leftcon .item:hover{
31 | color: #00baff;
32 | }
33 | .topper .list{
34 | float: left;
35 | }
36 | .topper .list .item{
37 | float: left;
38 | font-size: 32px;
39 | line-height: 70px;
40 | position: relative;
41 | }
42 | .topper .list .item::after{
43 | content:'';
44 | position: absolute;
45 | bottom: 2px;
46 | width: 10px;
47 | height:10px;
48 | border-radius: 10px;
49 | background-color: #00baff;
50 | left: 50%;
51 | transform: translateX(-50%);
52 | }
53 | .topper .search-box{
54 | position: absolute;
55 | top: 0px;
56 | left:50%;
57 | transform: translateX(-50%);
58 | width: 300px;
59 | height: 36px;
60 | margin: 17px;
61 | border-radius: 24px;
62 | background-color: #eee;
63 | }
64 | .topper .search-box>*{
65 | float: left;
66 | display: block;
67 | height: 36px;
68 | line-height: 36px;
69 | border: 0;
70 | outline: 0;
71 | background-color: transparent;
72 | }
73 | .topper .search-box .bi{
74 | width: 40px;
75 | text-align: center;
76 | }
77 | .topper .search-box input{
78 | width: calc(100% - 45px);
79 | font-size: 15px;
80 | }
81 | .topper .user{
82 | float: right;
83 | width: 40px;
84 | height: 40px;
85 | margin: 15px;
86 | }
87 | .topper .user img{
88 | width: 40px;
89 | height: 40px;
90 | }
91 | .main{
92 | width: 100%;
93 | height: calc(100% - 150px);
94 | position: relative;
95 | }
96 | .footer{
97 | border-top: #eee solid 1px;
98 | width: 100%;
99 | height: 79px;
100 | }
101 | .footer .progress{
102 | width: 100%;
103 | height: 2px;
104 | background-color: #eee;
105 | position: relative;
106 | -webkit-user-drag: none;
107 | }
108 | .footer .progress::before{
109 | content:'';
110 | width: var(--i);
111 | height: 2px;
112 | background-color: #00baff;
113 | display: block;
114 | }
115 | .footer .progress::after{
116 | content:'';
117 | width: 10px;
118 | height: 10px;
119 | border-radius: 50%;
120 | background-color: #00baff;
121 | box-shadow: #0002 0 1px 5px;
122 | display: block;
123 | position: absolute;
124 | top: -4px;
125 | left: calc(var(--i) - 4px);
126 | transition: opacity .2s;
127 | opacity: 0;
128 | }
129 | .footer .progress:hover::after{
130 | opacity: 1;
131 | }
132 | .footer .controls{
133 | width: 100%;
134 | height: calc(100% - 2px);
135 | position: relative;
136 | overflow: hidden;
137 | }
138 | .footer .controls .left{
139 | float: left;
140 | }
141 | .footer .controls .right{
142 | float: right;
143 | display: flex;
144 | justify-content: center;
145 | align-items: center;
146 | height: 100%;
147 | }
148 | .footer .controls .center{
149 | position: absolute;
150 | top: 0px;
151 | left:50%;
152 | transform: translateX(-50%);
153 | }
154 | .footer .controls .left img{
155 | display: block;
156 | width: 60px;
157 | height: 60px;
158 | margin: 6px;
159 | float: left;
160 | }
161 | .footer .controls .left .song{
162 | float: left;
163 | }
164 | .footer .controls .left .song .name{
165 | font-size: 20px;
166 | line-height: 40px;
167 | }
168 | .footer .controls .left .song .album{
169 | font-size: 15px;
170 | color: #888;
171 | line-height: 20px;
172 | }
173 | .footer .controls .center .bi{
174 | float: left;
175 | font-size: 36px;
176 | color: #00baff;
177 | line-height: 77px;
178 | transition: all .3s;
179 | }
180 | .footer .controls .center .bi:hover{
181 | transform: scale(1.1);
182 | }
183 | .footer .controls .center .playbtn{
184 | font-size: 60px;
185 | padding: 0 .5em;
186 | }
187 | .footer .controls .right>*{
188 | margin: 0 10px;
189 | }
190 | .main .playlist{
191 | width: 100%;
192 | height: 100%;
193 | }
194 | .main .playlist .list{
195 | width: 20%;
196 | min-width: 300px;
197 | height: 100%;
198 | border-right: #eee solid 1px;
199 | box-sizing: border-box;
200 | float: left;
201 | }
202 | .main .playlist .gc{
203 | width: 80%;
204 | max-width: calc(100% - 300px);
205 | float: left;
206 | height: 100%;
207 | }
208 | .main .playlist .list li{
209 | width:calc(100% - 30px);
210 | line-height: 26px;
211 | border-radius: 2px;
212 | padding:0 10px;
213 | margin: 10px 5px;
214 | }
215 | .main .playlist .list li.act{
216 | background-color: #d6f0fa;
217 | }
218 | .main .playlist .list li:hover{
219 | background-color: #eefaff;
220 | }
221 | .main .playlist .gc .title{
222 | text-align: center;
223 | line-height: 40px;
224 | font-size: 24px;
225 | }
226 | .main .playlist .gc .singer{
227 | text-align: center;
228 | line-height: 24px;
229 | color: #888;
230 | }
231 | .main .playlist .gc .gcframe{
232 | width: 100%;
233 | height: calc(100% - 70px);
234 | margin-top: 6px;
235 | text-align: center;
236 | overflow: hidden;
237 | }
238 | .main .playlist .gc .gcframe li{
239 | line-height: 30px;
240 | margin: 5px 0;
241 | transition: all 1s;
242 | }
243 | .main .playlist .gc .gcframe li.act{
244 | transform: scale(1.1);
245 | color: #00baff;
246 |
247 | }
248 | .main .playlist .gc .gcframe ul{
249 | position: relative;
250 | top: calc((var(--i) * -40px) + 100%);
251 | left:0;
252 | transition: all .3s;
253 | }
254 | .main .searchlist{
255 | position: absolute;
256 | top: 0;left: 0;right: 0;bottom: 0;
257 | z-index: 9;
258 | background-color: #fff;
259 | display: none;
260 | overflow-y: scroll;
261 | }
262 | .main .searchlist li{
263 | width: 100%;
264 | max-width: 800px;
265 | margin: 10px auto;
266 | line-height: 25px;
267 | padding: 5px;
268 | }
269 | .main .searchlist li:hover{
270 | background-color: #eee;
271 | }
272 | .main .searchlist li .dot{
273 | display: block;
274 | float: left;
275 | width: 3em;
276 | text-align: center;
277 | padding-right: .5em;
278 | }
--------------------------------------------------------------------------------
/windows/winload.css:
--------------------------------------------------------------------------------
1 | .loading {
2 | width: 25px;
3 | height: 25px;
4 | position: relative;
5 | }
6 |
7 | .loading i {
8 | margin: auto;
9 | position: absolute;
10 | width: 100%;
11 | height: 100%;
12 | display: block;
13 | }
14 |
15 | .loading span {
16 | position: absolute;
17 | width: 100%;
18 | height: 100%;
19 | opacity: 0;
20 | }
21 |
22 | .loading span:after {
23 | content: '';
24 | display: block;
25 | width: 17%;
26 | height: 17%;
27 | background: #fff;
28 | border-radius: 50%;
29 | }
30 |
31 | .loading span:nth-child(1) {
32 | animation: i1 5.5s 0.2s infinite;
33 | }
34 |
35 | .loading span:nth-child(2) {
36 | animation: i2 5.5s 0.4s infinite;
37 | }
38 |
39 | .loading span:nth-child(3) {
40 | animation: i3 5.5s 0.6s infinite;
41 | }
42 |
43 | .loading span:nth-child(4) {
44 | animation: i4 5.5s 0.8s infinite;
45 | }
46 |
47 | .loading span:nth-child(5) {
48 | animation: i5 5.5s 1s infinite;
49 | }
50 |
51 | .loading span:nth-child(6) {
52 | animation: i6 5.5s 1.2s infinite;
53 | }
54 |
55 | @keyframes i1 {
56 | 0% {
57 | opacity: 1;
58 | transform: rotate(190deg);
59 | animation-timing-function: cubic-bezier(0.29, 0.44, 0.32, 0.74);
60 | }
61 | 7% {
62 | opacity: 1;
63 | transform: rotate(300deg);
64 | animation-timing-function: linear;
65 | }
66 | 30% {
67 | opacity: 1;
68 | transform: rotate(450deg);
69 | animation-timing-function: cubic-bezier(0.53, 0.27, 0.37, 0.81);
70 | }
71 | 39% {
72 | opacity: 1;
73 | transform: rotate(645deg);
74 | animation-timing-function: linear;
75 | }
76 | 63% {
77 | opacity: 1;
78 | transform: rotate(800deg);
79 | animation-timing-function: cubic-bezier(0.5, 0.32, 0.82, 0.54);
80 | }
81 | 68% {
82 | opacity: 1;
83 | transform: rotate(920deg);
84 | animation-timing-function: ease-in;
85 | }
86 | 69% {
87 | opacity: 0;
88 | transform: rotate(930deg);
89 | }
90 | }
91 |
92 | @keyframes i2 {
93 | 0% {
94 | opacity: 1;
95 | transform: rotate(180deg);
96 | animation-timing-function: cubic-bezier(0.29, 0.44, 0.32, 0.74);
97 | }
98 | 7% {
99 | opacity: 1;
100 | transform: rotate(300deg);
101 | animation-timing-function: linear;
102 | }
103 | 30% {
104 | opacity: 1;
105 | transform: rotate(450deg);
106 | animation-timing-function: cubic-bezier(0.53, 0.27, 0.37, 0.81);
107 | }
108 | 39% {
109 | opacity: 1;
110 | transform: rotate(645deg);
111 | animation-timing-function: linear;
112 | }
113 | 63% {
114 | opacity: 1;
115 | transform: rotate(800deg);
116 | animation-timing-function: cubic-bezier(0.5, 0.32, 0.82, 0.54);
117 | }
118 | 68% {
119 | opacity: 1;
120 | transform: rotate(910deg);
121 | animation-timing-function: ease-in;
122 | }
123 | 69% {
124 | opacity: 0;
125 | transform: rotate(920deg);
126 | }
127 | }
128 |
129 | @keyframes i3 {
130 | 0% {
131 | opacity: 1;
132 | transform: rotate(170deg);
133 | animation-timing-function: cubic-bezier(0.29, 0.44, 0.32, 0.74);
134 | }
135 | 7% {
136 | opacity: 1;
137 | transform: rotate(300deg);
138 | animation-timing-function: linear;
139 | }
140 | 30% {
141 | opacity: 1;
142 | transform: rotate(450deg);
143 | animation-timing-function: cubic-bezier(0.53, 0.27, 0.37, 0.81);
144 | }
145 | 39% {
146 | opacity: 1;
147 | transform: rotate(645deg);
148 | animation-timing-function: linear;
149 | }
150 | 63% {
151 | opacity: 1;
152 | transform: rotate(800deg);
153 | animation-timing-function: cubic-bezier(0.5, 0.32, 0.82, 0.54);
154 | }
155 | 68% {
156 | opacity: 1;
157 | transform: rotate(900deg);
158 | animation-timing-function: ease-in;
159 | }
160 | 69% {
161 | opacity: 0;
162 | transform: rotate(910deg);
163 | }
164 | }
165 |
166 | @keyframes i4 {
167 | 0% {
168 | opacity: 1;
169 | transform: rotate(160deg);
170 | animation-timing-function: cubic-bezier(0.29, 0.44, 0.32, 0.74);
171 | }
172 | 7% {
173 | opacity: 1;
174 | transform: rotate(300deg);
175 | animation-timing-function: linear;
176 | }
177 | 30% {
178 | opacity: 1;
179 | transform: rotate(450deg);
180 | animation-timing-function: cubic-bezier(0.53, 0.27, 0.37, 0.81);
181 | }
182 | 39% {
183 | opacity: 1;
184 | transform: rotate(645deg);
185 | animation-timing-function: linear;
186 | }
187 | 63% {
188 | opacity: 1;
189 | transform: rotate(800deg);
190 | animation-timing-function: cubic-bezier(0.5, 0.32, 0.82, 0.54);
191 | }
192 | 68% {
193 | opacity: 1;
194 | transform: rotate(890deg);
195 | animation-timing-function: ease-in;
196 | }
197 | 69% {
198 | opacity: 0;
199 | transform: rotate(900deg);
200 | }
201 | }
202 |
203 | @keyframes i5 {
204 | 0% {
205 | opacity: 1;
206 | transform: rotate(150deg);
207 | animation-timing-function: cubic-bezier(0.29, 0.44, 0.32, 0.74);
208 | }
209 | 7% {
210 | opacity: 1;
211 | transform: rotate(300deg);
212 | animation-timing-function: linear;
213 | }
214 | 30% {
215 | opacity: 1;
216 | transform: rotate(450deg);
217 | animation-timing-function: cubic-bezier(0.53, 0.27, 0.37, 0.81);
218 | }
219 | 39% {
220 | opacity: 1;
221 | transform: rotate(645deg);
222 | animation-timing-function: linear;
223 | }
224 | 63% {
225 | opacity: 1;
226 | transform: rotate(800deg);
227 | animation-timing-function: cubic-bezier(0.5, 0.32, 0.82, 0.54);
228 | }
229 | 68% {
230 | opacity: 1;
231 | transform: rotate(880deg);
232 | animation-timing-function: ease-in;
233 | }
234 | 69% {
235 | opacity: 0;
236 | transform: rotate(880deg);
237 | }
238 | }
239 |
240 | @keyframes i6 {
241 | 0% {
242 | opacity: 1;
243 | transform: rotate(140deg);
244 | animation-timing-function: cubic-bezier(0.29, 0.44, 0.32, 0.74);
245 | }
246 | 7% {
247 | opacity: 1;
248 | transform: rotate(300deg);
249 | animation-timing-function: linear;
250 | }
251 | 30% {
252 | opacity: 1;
253 | transform: rotate(450deg);
254 | animation-timing-function: cubic-bezier(0.53, 0.27, 0.37, 0.81);
255 | }
256 | 39% {
257 | opacity: 1;
258 | transform: rotate(645deg);
259 | animation-timing-function: linear;
260 | }
261 | 63% {
262 | opacity: 1;
263 | transform: rotate(800deg);
264 | animation-timing-function: cubic-bezier(0.5, 0.32, 0.82, 0.54);
265 | }
266 | 68% {
267 | opacity: 1;
268 | transform: rotate(870deg);
269 | animation-timing-function: ease-in;
270 | }
271 | 69% {
272 | opacity: 0;
273 | transform: rotate(880deg);
274 | }
275 | }
--------------------------------------------------------------------------------
/windows/apps/setting/setting.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
Windows 设置
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
系统
24 |
显示、声音、通知、电源
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
设备
33 |
蓝牙、打印机、鼠标
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
手机
42 |
连接Android设备和iPhone
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
网络和Internet
51 |
WLAN、飞行模式、VPN
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
个性化
60 |
背景、锁屏、颜色
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
应用
69 |
卸载、默认应用、可选功能
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
账户
78 |
你的账户、电子邮件、同步设置、工作、其他人员
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
时间和语言
87 |
语音、区域、日期
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
搜索
96 |
查找我的文件、权限
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
隐私
105 |
位置、相机、麦克风
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
更新和安全
114 |
Windows更新、恢复、备份
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
主页
129 |
130 |
131 |
132 |
133 |
134 |
135 | -
136 |
137 |
138 |
139 | 显示
140 |
141 | -
142 |
143 |
144 |
145 | 声音
146 |
147 | -
148 |
149 |
150 |
151 | 通知和操作
152 |
153 | -
154 |
155 |
156 |
157 | 专注助手
158 |
159 | -
160 |
161 |
162 |
163 | 电源和电池
164 |
165 | -
166 |
167 |
168 |
169 | 存储
170 |
171 | -
172 |
173 |
174 |
175 | 剪贴板
176 |
177 | -
178 |
179 |
180 |
181 | 远程桌面
182 |
183 | -
184 |
185 |
186 |
187 | 关于
188 |
189 |
190 |
191 |
192 |
193 |
显示
194 |
亮度和颜色
195 |
更改内置显示器的亮度
196 |
197 |
198 |
199 |
200 |
201 |
夜间模式
202 |
206 |
夜间模式设置
207 |
208 |
209 |
210 |
211 |
212 |
213 |
214 |
215 |
216 |
217 |
218 |
219 |
220 |
221 |
--------------------------------------------------------------------------------
/windows/apps/setting/setting.css:
--------------------------------------------------------------------------------
1 |
2 | *{
3 | margin: 0;
4 | padding: 0;
5 | }
6 | body{
7 | overflow-x: hidden;
8 | }
9 | ::-webkit-scrollbar{
10 | background-color: transparent;
11 | display:none;
12 | width: 10px;
13 | height: 10px;
14 | padding-right: 5px;
15 | }
16 | *:hover::-webkit-scrollbar{
17 | display:block;
18 | }
19 | ::-webkit-scrollbar-thumb{
20 | background-image: linear-gradient(to right,#0000 45%,#000 50%,#0000 60%);
21 | }
22 | ::-webkit-scrollbar-thumb:hover{
23 | background-image: none;
24 | background-color: #0005;
25 | }
26 | ::-webkit-scrollbar:hover{
27 | background-color:#ddd;
28 | }
29 | @font-face {
30 | font-family: SettingIcons;
31 | src: url(../../../assets/SettingsIcons.woff2);
32 | }
33 | .si{
34 | font-family: SettingIcons;
35 | }
36 | .si-system::before{
37 | content:'\e7f8'
38 | }
39 | .si-bluetouth::before{
40 | content: '\e702';
41 | }
42 | .si-device::before{
43 | content: '\e772';
44 | }
45 | .si-phone::before{
46 | content: '\e8ea';
47 | }
48 | .si-network::before{
49 | content: '\e704';
50 | }
51 | .si-custom::before{
52 | content: '\e771';
53 | }
54 | .si-app::before{
55 | content: '\f2c7';
56 | }
57 | .si-user::before{
58 | content:'\e779';
59 | }
60 | .si-time-language::before{
61 | content:'\f2b7';
62 | }
63 | .si-privacy::before{
64 | content: '\e72e';
65 | }
66 | .si-update::before{
67 | content: '\ee6e';
68 | }
69 | .si-sound::before{
70 | content: '\e767';
71 | }
72 | .si-notification::before{
73 | content:'\ea8f'
74 | }
75 | .si-moon::before{
76 | content:'\e708'
77 | }
78 | .si-power::before{
79 | content: '\ed03';
80 | }
81 | .si-storage::before{
82 | content: '\eda2';
83 | }
84 | .si-fardesk::before{
85 | content: '\e8af';
86 | }
87 | .si-clipboard::before{
88 | content: '\e77f';
89 | }
90 | .si-about::before{
91 | content: '\e55a';
92 | }
93 | .tc{
94 | width: 100%;
95 | height: calc(100% - 59px);
96 | color: #ddd;
97 | font-size: 40px;
98 | display: flex;
99 | justify-content: center;
100 | align-items: center;
101 | }
102 | .page{
103 | width: 100%;
104 | height: 100%;
105 | display:none;
106 | animation: scale .3s;
107 | }
108 | @keyframes scale {
109 | 0%{
110 | transform: scale(0.8);
111 | }00%{
112 | transform: scale(1);
113 | }
114 | }
115 | .page[path="/index"]{
116 | display: block;
117 | }
118 | .page[path="/index"]>.title{
119 | text-align: center;
120 | font-weight: 300;
121 | font-size: 24px;
122 | line-height: 80px;
123 | }
124 | .page[path="/index"] .search{
125 | width: 300px;
126 | margin: 0 auto;
127 | border: #09f solid 2px;
128 | height: 30px;
129 | }
130 | .page[path="/index"] .search input{
131 | border: 0;
132 | outline: 0;
133 | background-color: transparent;
134 | width: 260px;
135 | height: 30px;
136 | padding:0 5px;
137 | float: left;
138 | }
139 | .page[path="/index"] .search button{
140 | border: 0;
141 | outline: 0;
142 | background-color: transparent;
143 | width: 30px;
144 | height: 30px;
145 | float: left;
146 | color: #888;
147 | }
148 | .page[path="/index"] .search button.bi-x-lg{
149 | color: #000;
150 | cursor: pointer;
151 | }
152 | .page[path="/index"] .search button.bi-x-lg:hover{
153 | color: #09f;
154 | }
155 | .page[path="/index"] .setting-list{
156 | width: 1000px;
157 | margin: 0 auto;
158 | padding-top: 60px;
159 | }
160 | @media(max-width:1000px){
161 | .page[path="/index"] .setting-list{
162 | width: 750px;
163 | }
164 | }
165 | @media(max-width:750px){
166 | .page[path="/index"] .setting-list{
167 | width: 500px;
168 | }
169 | }
170 |
171 | .page[path="/index"] .setting-item{
172 | float: left;
173 | width: 200px;
174 | height: 60px;
175 | border: transparent solid 2px;
176 | margin: 3px;
177 | padding: 20px;
178 | }
179 | .page[path="/index"] .setting-item:hover{
180 | border-color: #ddd;
181 | }
182 | .page[path="/index"] .setting-item .ui-icon{
183 | width: 60px;
184 | height: 60px;
185 | float: left;
186 | font-size: 30px;
187 | color: #09f;
188 | }
189 | .page[path="/index"] .setting-item .message{
190 | float: left;
191 | width: 140px;
192 | }
193 | .page[path="/index"] .setting-item .message .title{
194 | font-size: 14px;
195 | line-height: 24px;
196 | }
197 | .page[path="/index"] .setting-item .message .txt{
198 | font-size: 12px;
199 | color: #888;
200 | }
201 | @media(max-width:600px){
202 | .page[path="/index"]>.title{
203 | display:none;
204 | }
205 | .page[path="/index"] .search{
206 | width: calc(100% - 24px);
207 | margin:0 10px;
208 | }
209 | .page[path="/index"] .search input{
210 | width: calc(100% - 40px);
211 | }
212 | .page[path="/index"] .setting-list{
213 | width: 100%;
214 | padding:20px 0;
215 | }
216 | .page[path="/index"] .setting-item{
217 | float: none;
218 | width: calc(100% - 15px);
219 | height:70px;
220 | padding: 10px;
221 | box-sizing: border-box;
222 | overflow: hidden;
223 | }
224 | .page[path="/index"] .setting-item .ui-icon{
225 | width: 50px;
226 | height: 50px;
227 | float: left;
228 | font-size: 30px;
229 | color: #09f;
230 | }
231 | .page[path="/index"] .setting-item .message{
232 | float: left;
233 | width: calc(100% - 60px);
234 | }
235 | .page[path="/index"] .setting-item .message .title{
236 | font-size: 14px;
237 | line-height: 20px;
238 | }
239 | .page[path="/index"] .setting-item .message .txt{
240 | font-size: 12px;
241 | color: #888;
242 | }
243 | }
244 |
245 | .page[path="/system"]{
246 | box-sizing: content-box;
247 | /* display:block; */
248 | }
249 | .celan{
250 | width: 320px;
251 | height: 100%;
252 | background-color: #eee;
253 | float: left;
254 | }
255 | .celan .fh{
256 | width: 30px;
257 | height: 30px;
258 | text-align: center;
259 | line-height: 30px;
260 | cursor: pointer;
261 | }
262 | .celan .home{
263 | width: 100%;
264 | height: 40px;
265 | box-sizing: border-box;
266 | padding: 5px;
267 | cursor: pointer;
268 | }
269 | .celan .home:hover,
270 | .celan .list li:hover
271 | {
272 | background-color: #ddd;
273 | }
274 | .celan .home .ui-icon{
275 | float: left;
276 | width: 30px;
277 | height: 30px;
278 | text-align: center;
279 | line-height: 30px;
280 | font-size: 18px;
281 | }
282 | .celan .home .title{
283 | line-height: 30px;
284 | text-indent: 10px;
285 | }
286 | .celan .fh:hover{
287 | background-color: #09f;
288 | color: #fff;
289 | }
290 | .contents{
291 | width: calc(100% - 320px);
292 | height: 100%;
293 | background-color: #fff;
294 | float: left;
295 | overflow-x: hidden;
296 | overflow-y: scroll;
297 | }
298 | .celan .search{
299 | width: 300px;
300 | margin: 10px auto;
301 | border: #09f solid 2px;
302 | height: 30px;
303 | background-color: #fff;
304 | }
305 | .celan .search input{
306 | border: 0;
307 | outline: 0;
308 | background-color: transparent;
309 | width: 260px;
310 | height: 30px;
311 | padding:0 5px;
312 | float: left;
313 | }
314 | .celan .search button{
315 | border: 0;
316 | outline: 0;
317 | background-color: transparent;
318 | width: 30px;
319 | height: 30px;
320 | float: left;
321 | color: #888;
322 | }
323 | .celan .search button.bi-x-lg{
324 | color: #000;
325 | cursor: pointer;
326 | }
327 | .celan .search button.bi-x-lg:hover{
328 | color: #09f;
329 | }
330 | .celan .list{
331 | height:calc(100% - 140px);
332 | overflow-y: scroll;
333 | overflow-x: hidden;
334 | }
335 | .celan .list li{
336 | width: 100%;
337 | padding: 10px 0;
338 | overflow: hidden;
339 | position: relative;
340 | }
341 | .celan .list li.active::after{
342 | content: '';
343 | position: absolute;
344 | width: 5px;
345 | height: 26px;
346 | background-color: #09f;
347 | top: 12px;
348 | left: 0;
349 | }
350 | .celan .list li .ui-icon{
351 | width: 30px;
352 | height: 30px;
353 | font-size: 15px;
354 | float: left;
355 | text-align: center;
356 | line-height: 30px;
357 | padding:0 10px;
358 | color: #000;
359 | }
360 | .celan .list li .title{
361 | float: left;
362 | line-height: 30px;
363 | font-size: 14px;
364 | }
365 | .contents .se-content{
366 | padding:20px 40px;
367 | box-sizing: border-box;
368 | width: 100%;
369 | }
370 | .contents .se-content h1{
371 | font-weight: 400;
372 | padding-bottom: 20px;
373 | font-size: 30px;
374 | }
375 | .contents .se-content h2{
376 | font-weight: 400;
377 | font-size: 20px;
378 | padding-bottom: 15px;
379 | }
380 | .contents .se-content p{
381 | font-size: 14px;
382 | }
383 | .win-link{
384 | color: #0af;
385 | cursor: pointer;
386 | }
387 | .win-link:hover{
388 | color: #aaa;
389 | }
390 | .win-check2{
391 | width: 60px;
392 | height: 24px;
393 | border: #000 solid 2px;
394 | border-radius: 30px;
395 | transition: all .3s;
396 | position: relative;
397 | margin: 10px 0;
398 | }
399 | .win-check2 span{
400 | background-color: #000;
401 | width: 16px;
402 | height: 16px;
403 | margin: 4px;
404 | border-radius: 50%;
405 | display: block;
406 | transition: all .3s;
407 | }
408 | .win-check2 .statu{
409 | position: absolute;
410 | top: 0;
411 | right: -30px;
412 | line-height: 24px;
413 | }
414 | .win-check2.checked{
415 | border-color:#09f;
416 | }
417 | .win-check2.checked span{
418 | background-color: #09f;
419 | margin-left: 40px;
420 | }
421 |
--------------------------------------------------------------------------------
/windows/appui.js:
--------------------------------------------------------------------------------
1 | window.onresize = r;
2 | function r() {
3 | document.body.style.width = window.innerWidth + 'px';
4 | document.body.style.height = window.innerHeight + 'px';
5 | }
6 | r();
7 | document.onclick = function () {
8 | self.frameElement.parentElement.parentElement.click();
9 | }
10 | document.querySelectorAll('.win-range').forEach(function (e) {
11 | // 获取WinRange三要素:总长,已选,拖动
12 | var r1 = e.querySelector('span.r1');
13 | var r2 = e.querySelector('span.r2');
14 | var r3 = e.querySelector('span.r3');
15 | // 获取WinRange基本属性:最大,最小,默认
16 | var min = parseInt(e.getAttribute('data-min'));
17 | min = isNaN(min) ? 0 : min;
18 | var max = parseInt(e.getAttribute('data-max'));
19 | max = isNaN(max) ? 100 : max;
20 | var v = parseInt(e.getAttribute('data-value'));
21 | v = isNaN(v) ? 100 : v;
22 | // 实例化基本属性
23 | r2.style.width = 'calc((100% - 8px) * ' + (v - min) / (max - min) + ')';
24 | r3.style.left = 'calc((100% - 8px) * ' + (v - min) / (max - min) + ')';
25 | // 拖动条点击事件
26 | r1.addEventListener('click', function (event) {
27 | // 拖动条宽度
28 | var alw = r1.getBoundingClientRect().width;
29 | // 点击处位置
30 | var clickw = event.offsetX - 4;
31 | // 校准
32 | clickw = clickw < 0 ? 0 : clickw > alw ? 100 : clickw;
33 | // 计算
34 | var percent = clickw / alw;
35 | // 实例化
36 | r2.style.width = 'calc((100% - 8px) * ' + percent + ')';
37 | r3.style.left = 'calc((100% - 8px) * ' + percent + ')';
38 | e.setAttribute('data-value', (max - min) * percent + min);
39 | // eval触发事件
40 | var fnt = e.getAttribute('data-change');
41 | if (fnt) eval(fnt + '({min:' + min + ',max:' + max + ',value:' + ((max - min) * percent + min) + '})')
42 | });
43 | r3.addEventListener('mousedown', function (event) {
44 | event.preventDefault();
45 | // 拖动条宽度
46 | var alw = r1.getBoundingClientRect().width;
47 | var nx;
48 | // 拖动条距离屏幕左侧的宽度
49 | var l = r1.getBoundingClientRect().left;
50 | // 添加全局鼠标移动事件
51 | document.onmousemove = function (event) {
52 | // 点击处位置
53 | nx = event.pageX - l;
54 | // 校准
55 | nx = nx < 0 ? 0 : nx > alw ? alw : nx;
56 | // 计算
57 | var percent = nx / alw;
58 | // 实例化
59 | r2.style.width = 'calc((100% - 8px) * ' + percent + ')';
60 | r3.style.left = 'calc((100% - 8px) * ' + percent + ')';
61 | e.setAttribute('data-value', (max - min) * percent + min);
62 | event.preventDefault();
63 | // eval触发事件
64 | var fnt = e.getAttribute('data-change');
65 | if (fnt) eval(fnt + '({min:' + min + ',max:' + max + ',value:' + ((max - min) * percent + min) + '})');
66 | }
67 | // 添加全局鼠标抬起事件:取消全局事件
68 | document.onmouseup = function () {
69 | document.onmousemove = null;
70 | document.onmouseup = null;
71 | }
72 | })
73 | });
74 | var s = document.createElement('style');
75 | s.innerHTML = `
76 | .win-range{
77 | position: relative;
78 | height:30px;
79 | }
80 | .win-range span{
81 | position: absolute;
82 | top: 50%;
83 | transform: translateY(-50%);
84 | }
85 | .win-range span.r1{
86 | z-index: 1;
87 | width: calc(100% - 8px);
88 | margin-left:4px;
89 | height: 2px;
90 | background-color: #929292;
91 | }
92 | .win-range span.r2{
93 | z-index: 2;
94 | width: calc((100% - 8px) * 0.5);
95 | margin-left:4px;
96 | height: 2px;
97 | background-color: #09f;
98 | pointer-events: none;
99 | }
100 | .win-range span.r3{
101 | z-index: 3;
102 | width: 8px;
103 | height: 24px;
104 | border-radius: 6px;
105 | background-color: #09f;
106 | left: calc((100% - 8px) * 0.5);
107 | }
108 | .win-range:hover span.r3{
109 | background-color: #000;
110 | }
111 | .contextmenu{
112 | min-width: 200px;
113 | width: 250px;
114 | width: max-content;
115 | box-shadow:3.5px 3.5px 2px #5e5d5d;
116 | position: absolute;
117 | z-index: 99999990;
118 | background-color: rgb(233, 233, 233);
119 | display: none;
120 | padding: 5px 0px;
121 | }
122 | .contextmenu li{
123 | width:calc(100% - 10px);
124 | height: 24px;
125 | line-height: 24px;
126 | padding: 0 5px;
127 | list-style:none;
128 | }
129 | .contextmenu li:hover{
130 | background-color: #fff;
131 | }
132 | .contextmenu li .ui-icon{
133 | width: 24px;
134 | height: 24px;
135 | float: left;
136 | text-align: center;
137 | }
138 | .contextmenu li .ui-icon img{
139 | width: 16px;
140 | height: 16px;
141 | margin: 4px;
142 | }
143 | .contextmenu li .title{
144 | float: left;
145 | font-size: 14px;
146 | }
147 | .contextmenu li.group-item::after{
148 | content:">";
149 | float: right;
150 | line-height: 24px;
151 | font-size: 20px;
152 | font-weight: 300;
153 | }
154 | .contextmenu li.radio-item.active .ui-icon::after{
155 | content:'';
156 | width: 6px;
157 | height: 6px;
158 | border-radius: 50%;
159 | background-color: #000;
160 | display: block;
161 | margin: 9px;
162 | }
163 | .contextmenu li.check-item.active .ui-icon::after{
164 | content:'✓';
165 | }`
166 | document.head.append(s);
167 | var ContextMenuId = null;
168 | document.addEventListener('contextmenu', function (e) {
169 | e.preventDefault();
170 | if (!window.jQuery) return false;
171 | document.querySelectorAll('.contextmenu').forEach(function (e) { e.style.display = "none" });
172 | if (ContextMenuId == null) return false;
173 | var $menu = document.querySelector('.contextmenu[name="' + ContextMenuId + '"]');
174 | $menu.removeAttribute('style');
175 | $menu.style.display = "block";
176 | var deskWidth = window.innerWidth;
177 | var deskHeight = window.innerHeight;
178 | var menuWidth = $menu.offsetWidth;
179 | var menuHeight = $menu.offsetHeight;
180 | var Iskright = e.pageX > deskWidth - menuWidth;
181 | var Iskbottom = e.pageY > deskHeight - menuHeight - 10;
182 | if (Iskright) {
183 | $menu.style.left = deskWidth - menuWidth + 'px';
184 | } else {
185 | $menu.style.left = e.pageX + 'px';
186 | };
187 | if (Iskbottom) {
188 | $menu.style.bottom = window.innerHeight - e.pageY + 'px';
189 | } else {
190 | $menu.style.top = e.pageY + 'px';
191 | }
192 | ContextMenuId = null;
193 | return false;
194 | });
195 | document.addEventListener('click', function () {
196 | document.querySelectorAll('.contextmenu').forEach(function (e) { e.style.display = "none" });
197 | })
198 | function g() {
199 | var __zmenu = false;
200 | document.querySelectorAll('.contextmenu li.group-item').forEach(function (ele) {
201 | ele.onmouseenter = function () {
202 | document.querySelectorAll('.contextmenu').forEach(function (e) { e.style.display = "none" });
203 | // $(this).parents('.contextmenu').show();
204 | var parent = this.parentElement.parentElement;
205 | parent.style.display="block";
206 | var $menu = document.querySelector('.contextmenu[name="' + this.getAttribute('data-go') + '"]');
207 | $menu.removeAttribute('style');
208 | $menu.style.display = "block";
209 | var deskWidth = window.innerWidth;
210 | var deskHeight = window.innerHeight;
211 | var menuWidth = $menu.offsetWidth;
212 | var menuHeight = $menu.offsetHeight;
213 | var $pmenu = this;
214 | var pmenuWidth = $pmenu.offsetWidth;
215 | var pmenutop = $pmenu.getBoundingClientRect().top;
216 | var pmenuleft = $pmenu.getBoundingClientRect().left;
217 | if (deskWidth - pmenuleft - pmenuWidth < menuWidth) {
218 | $menu.style.left = pmenuleft - pmenuWidth - 6 + 'px';
219 | } else {
220 | $menu.style.left = pmenuleft + pmenuWidth + 2 + 'px';
221 | };
222 | if (deskHeight - pmenutop < menuHeight) {
223 | $menu.style.bottom = '0px';
224 | } else {
225 | $menu.style.top = pmenutop + 'px';
226 | }
227 |
228 | $menu.onmouseenter = function () {
229 | __zmenu = true;
230 | }
231 | };
232 | ele.onmouseleave = function () {
233 | var $menu = document.querySelector('.contextmenu[name="' + this.getAttribute('data-go') + '"]');
234 | if (__zmenu == false) {
235 | $menu.style.display='none';
236 | } else {
237 | __zmenu = false;
238 | }
239 | };
240 | })
241 | document.querySelectorAll('.contextmenu li.linkto-item').forEach(function(e){
242 | e.onclick=function () {
243 | window.open(this.getAttribute('data-go'));
244 | };
245 | })
246 | document.querySelectorAll('.contextmenu li.radio-item').forEach(function(e){
247 | var Qname = e.getAttribute('name');
248 | var Qauto = e.getAttribute('data-auto');
249 | if (Qauto == 'true') {
250 | document.querySelectorAll('.contextmenu li.radio-item[name="' + Qname + '"]').forEach(function(f){
251 | f.classList.remove('active');
252 | })
253 | e.classList.add('active');
254 | }
255 | e.onclick=function () {
256 | document.querySelectorAll('.contextmenu li.radio-item[name="' + Qname + '"]').forEach(function(f){
257 | f.classList.remove('active');
258 | })
259 | e.classList.add('active');
260 | if (typeof RadioClickFns[Qname] == 'function') {
261 | RadioClickFns[Qname](e.querySelector('.title').innerText);
262 | }
263 | }
264 | });
265 | document.querySelectorAll('.contextmenu li.check-item').forEach(function(e){
266 | var Qname = e.getAttribute('name');
267 | var Qauto = e.getAttribute('data-auto');
268 | if (Qauto == 'true') {
269 | e.classList.add('active');
270 | }
271 | e.onclick=function () {
272 | var _a = true;
273 | if (this.classList.contains('active')) {
274 | e.classList.remove('active');
275 | _a = false;
276 | } else {
277 | e.classList.add('active');
278 | }
279 | if (typeof CheckClickFns[Qname] == 'function') {
280 | CheckClickFns[Qname](_a);
281 | }
282 | }
283 | })
284 | }
285 | g();
286 | var CheckClickFns = {};
287 | var RadioClickFns = {};
--------------------------------------------------------------------------------
/windows/apps/music/index.js:
--------------------------------------------------------------------------------
1 | var test={
2 | hash:'53634f4002b63334744c45314129afc1',
3 | albumid:'45759999'
4 | }
5 | var audio=document.getElementById("audio")
6 | function bfmusic(hash,albumid){
7 | var longtime = new Date().getTime();
8 | var script = document.createElement('script');
9 | script.src = `https://wwwapi.kugou.com/yy/index.php?r=play/getdata&callback=getData&hash=${hash.toUpperCase()}&dfid=2mScsJ16ucV81qLdzD238ELf&appid=1014&mid=1b211caf58cd1e1fdfea5a4657cc21f5&platid=4&album_id=${albumid}&_=${longtime}`;
10 | document.querySelector('body').append(script);
11 | script.onload=function(){
12 | script.remove();
13 | script=null;
14 | }
15 | oLRC = {
16 | ti: "", //歌曲名
17 | ar: "", //演唱者
18 | al: "", //专辑名
19 | by: "", //歌词制作人
20 | offset: 0, //时间补偿值,单位毫秒,用于调整歌词整体位置
21 | ms: [] //歌词数组{t:时间,c:歌词}
22 | };
23 | }
24 | var ys = 73;
25 | var nowc = 0;
26 | function getData(a){
27 | audio.setAttribute('src', a.data.play_url);
28 | document.querySelector('.gc .title').innerHTML = a.data.song_name;
29 | document.querySelector('.song .name').innerHTML = a.data.audio_name;
30 | document.querySelector('.song .album').innerHTML = a.data.album_name;
31 | var author_b = '';
32 | for (var i = 0; i < a.data.authors.length; i++) {
33 | if (i == a.data.authors.length - 1) {
34 | author_b += a.data.authors[i].author_name
35 | } else {
36 | author_b += a.data.authors[i].author_name + '、';
37 | }
38 | }
39 | document.querySelector('.gc .singer').innerHTML = author_b;
40 | document.querySelector('.controls .left img').src=a.data.img;
41 | audio.oncanplay=function(){
42 | audio.play();
43 | a = queryTime(audio.duration);
44 | document.querySelector('div.time span.c').innerHTML = a;
45 | }
46 | createLrcObj(a.data.lyrics);
47 | document.querySelector('.gcframe ul').innerHTML='';
48 | for (var i = 0; i < oLRC.ms.length; i++) {
49 | document.querySelector('.gcframe ul').innerHTML += '' + oLRC.ms[i].c + '';
50 | }
51 | document.querySelectorAll('.gcframe ul li')[0].classList.add('act');
52 | document.querySelector('.gcframe').setAttribute('style','--i:1;')
53 | if (a.data.has_privilege && a.data.privilege == 10) {
54 | new parent.Notice({
55 | title: "提示",
56 | icon: "../../img/kugou.jpg",
57 | showTime:3000,
58 | center: "\u7531\u4e8e\u8be5\u6b4c\u66f2\u5728\u9177\u72d7\u97f3\u4e50\u5e73\u53f0\u4e0a\u4e3a\u4ed8\u8d39\u6536\u542c\uff0c\u53ea\u80fd\u8bd5\u542c1\u5206\u949f\uff0c\u6240\u4ee5\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u4e5f\u53ea\u80fd\u83b7\u53d6\u5230\u4e00\u5206\u949f\u7684\u97f3\u4e50\uff0c\u5982\u679c\u60f3\u542c\u6574\u9996\u6b4c\uff0c\u8bf7\u4f60\u4e0b\u8f7d\u9177\u72d7\u97f3\u4e50APP\u3002",
59 | onclick: function (notice) {
60 | notice.close();
61 | }
62 | }).send();
63 | }
64 | }
65 | audio.ontimeupdate=function(){
66 | if(ismove) return;
67 | var time = parseInt(audio.currentTime);
68 | var stime = queryTime(time);
69 | var mstime = audio.currentTime;
70 | document.querySelector('div.time span.z').innerHTML = stime;
71 | document.querySelector('.progress').setAttribute('style','--i:'+ time / audio.duration * 100+'%');
72 | var nowa = 0;
73 | for (var i = 0; i < oLRC.ms.length; i++) {
74 | try {
75 | if (parseFloat(oLRC.ms[i].t) <= mstime && parseFloat(oLRC.ms[i + 1].t) > mstime) {
76 | nowa = i;
77 | break;
78 | }
79 | } catch (error) {
80 | if (parseFloat(oLRC.ms[i].t) <= mstime) {
81 | nowa = i;
82 | break;
83 | }
84 | }
85 | }
86 | nowc = nowa;
87 | var pds = ys - nowc * 41;
88 | document.querySelectorAll('.gcframe ul li').forEach(function(e) {
89 | e.classList.remove('act')
90 | });
91 | document.querySelectorAll('.gcframe ul li')[nowc].classList.add('act');
92 | document.querySelector('.gcframe').setAttribute('style','--i:'+(nowc+1)+';')
93 | }
94 | audio.onplay=function(){
95 | document.querySelector(".playbtn").classList.remove('bi-play-fill');
96 | document.querySelector(".playbtn").classList.add('bi-pause');
97 | }
98 | audio.onpause=function(){
99 | document.querySelector(".playbtn").classList.add('bi-play-fill');
100 | document.querySelector(".playbtn").classList.remove('bi-pause');
101 | }
102 | document.querySelector(".playbtn").onclick=function(){
103 | audio.paused?audio.play():audio.pause();
104 | }
105 | function queryTime(a) {
106 | var s = parseInt(a % 60);
107 | m = parseInt(a / 60);
108 | if (s < 10) {
109 | s = '0' + s;
110 | };
111 | if (m < 10) {
112 | m = '0' + m;
113 | }
114 | return m + ':' + s;
115 | }
116 | var oLRC = {
117 | ti: "", //歌曲名
118 | ar: "", //演唱者
119 | al: "", //专辑名
120 | by: "", //歌词制作人
121 | offset: 0, //时间补偿值,单位毫秒,用于调整歌词整体位置
122 | ms: [] //歌词数组{t:时间,c:歌词}
123 | };
124 | function createLrcObj(lrc) {
125 | if (lrc.length == 0) return;
126 | var lrcs = lrc.split('\n');
127 | for (var i in lrcs) {
128 | lrcs[i] = lrcs[i].replace(/(^\s*)|(\s*$)/g, "");
129 | var t = lrcs[i].substring(lrcs[i].indexOf("[") + 1, lrcs[i].indexOf("]"));
130 | var s = t.split(":");
131 | if (isNaN(parseInt(s[0]))) {
132 | for (var i in oLRC) {
133 | if (i != "ms" && i == s[0].toLowerCase()) {
134 | oLRC[i] = s[1];
135 | }
136 | }
137 | } else { //是数值
138 | var arr = lrcs[i].match(/\[(\d+:.+?)\]/g);
139 | var start = 0;
140 | for (var k in arr) {
141 | start += arr[k].length;
142 | }
143 | var content = lrcs[i].substring(start);
144 | for (var k in arr) {
145 | var t = arr[k].substring(1, arr[k].length - 1);
146 | var s = t.split(":");
147 | oLRC.ms.push({
148 | t: (parseFloat(s[0]) * 60 + parseFloat(s[1])).toFixed(3),
149 | c: content
150 | });
151 | }
152 | }
153 | }
154 | oLRC.ms.sort(function(a, b) { //按时间顺序排序
155 | return a.t - b.t;
156 | });
157 | /*
158 | for(var i in oLRC){ //查看解析结果
159 | console.log(i,":",oLRC[i]);
160 | }*/
161 | }
162 | var ismove=false;
163 | document.querySelector(".progress").onclick=function(e){
164 | if(ismove){ismove=false;return;}
165 | var per=e.x/this.offsetWidth;
166 | this.setAttribute('style','--i:'+(per*100)+'%');
167 | audio.currentTime=audio.duration*per;
168 | }
169 | document.querySelector(".progress").onmousedown=function(e){
170 | var x=null,_this=this;
171 | document.onmousemove=function(e){
172 | ismove=true;
173 | x=e.x;
174 | var per=x/_this.offsetWidth;
175 | _this.setAttribute('style','--i:'+(per*100)+'%');
176 | }
177 | document.onmouseup=function(e){
178 | document.onmousemove=null;
179 | document.onmouseup=null;
180 | if(x!=null){
181 | audio.currentTime=audio.duration*x/_this.offsetWidth;
182 | }
183 | }
184 | }
185 | var startTime = new Date().getTime();
186 | var his = 0;
187 | var his2 = 0;
188 | var his3 = -1;
189 | var hlist = '';
190 | document.querySelector(".search-box input").onkeydown=function(e){
191 | if(e.key=='Enter'){
192 | search();
193 | }
194 | }
195 | function search(){
196 | console.log('search');
197 | hlist='';
198 | document.querySelector(".searchlist").style.display='block';
199 | gets();
200 | }
201 |
202 | function callback123(a) {
203 | for (var i = 0; i < a.data.info.length; i++) {
204 | hlist += "" +
205 | "" + (i + 1) + "" +
206 | "" + a.data.info[i].filename + "" +
207 | "";
208 | }
209 | // console.log(hlist);
210 | document.querySelector('.searchlist ul').innerHTML = hlist;
211 | if (hlist.trim() == '') {
212 | document.querySelector('.searchlist ul').innerHTML = '什么也没找到';
213 | }
214 | document.querySelectorAll('.searchlist li').forEach(e => {
215 | e.onclick = function() {
216 | bfmusic(e.getAttribute('data-hash'),e.getAttribute('data-album-id'));
217 | addInPlayList(e.getAttribute('data-hash'),e.getAttribute('data-album-id'),e.querySelector('span.name').innerHTML);
218 | document.querySelector(".searchlist").style.display='none';
219 | };
220 | });
221 | var endTime = new Date().getTime() - startTime;
222 | console.log('Time:' + endTime + 'ms');
223 | }
224 |
225 | function gets() {
226 | console.log(document.querySelector(".search-box input").value);
227 | var sc = document.createElement('script');
228 | var str = "https://mobiles.kugou.com/api/v3/search/song?format=jsonp&keyword=" +document.querySelector(".search-box input").value + "&page=1&pagesize=30&showtype=1&callback=callback123";
229 | sc.src = str;
230 | document.body.append(sc);
231 | sc.onload=function(){
232 | // sc.remove();
233 | sc=null;
234 | }
235 | }
236 |
237 | function addInPlayList(hash,albumid,name){
238 | var li=document.createElement('li');
239 | li.innerHTML=name;
240 | li.setAttribute('data-hash',hash);
241 | li.setAttribute('data-album-id',albumid);
242 | document.querySelector(".playlist .list").insertBefore(li,document.querySelector(".playlist .list li"));
243 | li.onclick=function(){
244 | document.querySelectorAll(".playlist .list li").forEach(e=>{
245 | e.classList.remove('act');
246 | })
247 | li.classList.add('act');
248 | bfmusic(this.getAttribute('data-hash'),this.getAttribute('data-album-id'));
249 | }
250 | document.querySelectorAll(".playlist .list li").forEach(e=>{
251 | e.classList.remove('act');
252 | })
253 | li.classList.add('act');
254 | }
255 |
256 | document.querySelector(".bi-chevron-left").onclick=function(){
257 | document.querySelector(".searchlist").style.display="none";
258 | }
259 | document.querySelector("#bs").onchange=function(){
260 | audio.playbackRate=parseFloat(this.value);
261 | }
262 | document.querySelector("#sy").onchange=function(){
263 | audio.volume=parseFloat(this.value);
264 | }
265 | audio.volume=0.5;
266 | audio.onended=function(){
267 | document.querySelector(".bi-skip-end-fill").click();
268 | }
269 | document.querySelector(".bi-skip-start-fill").onclick=function(){
270 | var acted=document.querySelector(".playlist .list li.act");
271 | if(acted){
272 | if(acted.previousElementSibling){
273 | acted.previousElementSibling.click();
274 | }
275 | }
276 | }
277 | document.querySelector(".bi-skip-end-fill").onclick=function(){
278 | var acted=document.querySelector(".playlist .list li.act");
279 | if(acted){
280 | if(acted.nextElementSibling){
281 | acted.nextElementSibling.click();
282 | }
283 | }
284 | }
285 | document.querySelector(".bi-arrow-clockwise").onclick=function(){
286 | if(document.querySelector(".search-box input").value.trim()){
287 | search();
288 | }
289 | }
--------------------------------------------------------------------------------
/windows/pages/desk.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 | -
17 |
18 | 此电脑
19 |
20 | -
22 |
23 | 回收站
24 |
25 | -
27 |
28 | Microsoft Edge
29 |
30 | -
32 |
33 | 记事本
34 |
35 | -
37 |
38 | 酷狗音乐
39 |
40 |
45 |
46 |
47 |
48 |
49 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |

64 |
65 |
66 |
00:00:00
67 |
1900/1/1
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
开始
88 |
89 |
90 |
91 |
92 |
93 |

94 |
95 |
Administrater
96 |
97 |
98 |
99 |
100 |
101 |
文档
102 |
103 |
104 |
105 |
106 |
107 |
图片
108 |
109 |
110 |
111 |

112 |
113 |
设置
114 |
115 |
116 |
117 |

118 |
119 |
电源
120 |
121 |
122 |
123 |
124 |
125 |
所有应用
126 |
127 | G
128 | -
130 |
131 | 关于我们
132 |
133 | J
134 | -
136 |
137 | 计算器
138 |
139 | -
141 |
142 | 记事本
143 |
144 | M
145 | -
147 |
148 | Microsoft Edge
149 |
150 | S
151 | -
153 |
154 | 设置
155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
100%
171 |
172 |
电池设置
173 |
174 |
175 |

176 |
177 |
节电模式
178 |
179 |
180 |
181 |
186 |
187 |
188 |
扬声器(High Definition Audio Device)
189 |
190 |
191 |

192 |
193 |
194 |
195 |
196 |
197 |
198 |
50
199 |
200 |
201 |
202 |
203 |
207 |
208 |
211 |
212 |
213 |
214 |
215 | | 一 |
216 | 二 |
217 | 三 |
218 | 四 |
219 | 五 |
220 | 六 |
221 | 日 |
222 |
223 |
224 |
225 |
226 |
229 |
230 |
231 |
232 |
233 |
236 |
237 |
240 |
241 |
242 |
243 |
244 |
245 |

246 |
247 |
蓝牙
248 |
249 |
250 |
251 |

252 |
253 |
飞行模式
254 |
255 |
256 |
257 |

258 |
259 |
夜间模式
260 |
261 |
262 |
263 |

264 |
265 |
所有设置
266 |
267 |
268 |
269 |

270 |
271 |
网络
272 |
273 |
274 |
275 |

276 |
277 |
专注助手
278 |
279 |
280 |
281 |

282 |
283 |
节电模式
284 |
285 |
286 |
287 |

288 |
289 |
屏幕截图
290 |
291 |
292 |
293 |
294 |
295 |

296 |
297 |
300 |
301 |
302 |
303 |
304 |
305 |
306 |
331 |
332 |
335 |
336 |
337 |
338 |
458 |
459 |
460 |
461 |
--------------------------------------------------------------------------------
/windows/pages/desk.css:
--------------------------------------------------------------------------------
1 | @import url(https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.9.1/font/bootstrap-icons.css);
2 |
3 | * {
4 | margin: 0;
5 | padding: 0;
6 | }
7 |
8 | body {
9 | width: 100%;
10 | height: 100vh;
11 | background-image: url(https://s1.ax1x.com/2022/12/17/zHwrpF.jpg);
12 | background-size: cover;
13 | background-position: center center;
14 | user-select: none;
15 | overflow: hidden;
16 | }
17 |
18 | li {
19 | list-style: none;
20 | }
21 |
22 | .desk {
23 | position: absolute;
24 | top: 0;
25 | left: 0;
26 | right: 0;
27 | bottom: 45px;
28 | }
29 |
30 | .bar {
31 | position: absolute;
32 | width: 100%;
33 | height: 45px;
34 | bottom: 0;
35 | left: 0;
36 | background-color: #101010bb;
37 | z-index: 99;
38 | backdrop-filter: blur(10px);
39 | }
40 |
41 | .bar .left {
42 | float: left;
43 | }
44 |
45 | .bar .left>* {
46 | height: 45px;
47 | float: left;
48 | }
49 |
50 | .bar .left .win {
51 | width: 50px;
52 | background-image: url(../../img/windows10_home.png);
53 | background-size: 30px;
54 | background-position: center center;
55 | background-repeat: no-repeat;
56 | }
57 |
58 | .bar .left>*:hover,
59 | .bar .right>*:hover {
60 | background-color: #fff3;
61 | background-image: url(../../img/windows10_icon.png);
62 | }
63 |
64 | .bar .left .mini-icon {
65 | width: 50px;
66 | overflow: hidden;
67 | }
68 |
69 | .bar .left .mini-icon img {
70 | display: block;
71 | height: 24px;
72 | margin: 9px 11.5px;
73 | }
74 |
75 | .bar .left .mini-icon.start {
76 | border-bottom: #0ff solid 2px;
77 | height: calc(100% - 2px);
78 | }
79 |
80 | .bar .left .mini-icon.active {
81 | background-color: #fff4;
82 | }
83 |
84 | .bar .left .mini-icon.active:hover {
85 | background-color: #fff6;
86 | }
87 |
88 | .bar .right {
89 | float: right;
90 | color: #fefef1;
91 | line-height: 45px;
92 | font-size: 20px;
93 | }
94 |
95 | .bar .right>* {
96 | padding: 0 5px;
97 | margin: 0;
98 | float: left;
99 | height: 45px;
100 | }
101 |
102 | .bar .right .other-run {
103 | font-size: 16px;
104 | }
105 |
106 | .bar .right .time {
107 | font-size: 12px;
108 | line-height: 20px;
109 | text-align: center;
110 | padding-top: 2.5px;
111 | box-sizing: border-box;
112 | }
113 |
114 | .bar .right .message {
115 | padding: 0 13px;
116 | font-size: 16px;
117 | }
118 |
119 | .bar .show-desk {
120 | border-left: #666 solid 1px;
121 | margin-left: 5px;
122 | padding: 0 3px;
123 | }
124 |
125 | .bar .right .sound img {
126 | filter: invert(100%);
127 | width: 20px;
128 | }
129 |
130 | .bar .right .sound {
131 | display: flex;
132 | justify-content: center;
133 | align-items: center;
134 | }
135 |
136 | .desk ul {
137 | width: 0;
138 | height: 100%;
139 | display: flex;
140 | flex-direction: column;
141 | flex-wrap: wrap;
142 | }
143 |
144 | .desk ul li.desk-icon {
145 | width: 60px;
146 | margin: 5px;
147 | height: max-content;
148 | min-height: 80px;
149 | overflow: hidden;
150 | border-radius: 2px;
151 | border: transparent solid 1px;
152 | }
153 |
154 | .desk ul li.desk-icon img {
155 | width: 50px;
156 | height: 50px;
157 | margin: 5px;
158 | margin-bottom: 0;
159 | }
160 |
161 | .desk ul li.desk-icon p {
162 | width: 100%;
163 | text-align: center;
164 | color: #fff;
165 | text-shadow: 0 1px 5px #000;
166 | font-size: 13px;
167 | }
168 |
169 | .desk.bigicon ul li.desk-icon {
170 | width: 90px;
171 | margin: 7.5px;
172 | min-height: 120px;
173 | }
174 |
175 | .desk.bigicon ul li.desk-icon img {
176 | width: 75px;
177 | margin: 7.5px;
178 | height: 75px;
179 | margin-bottom: 0;
180 | }
181 |
182 | .desk.smallicon ul li.desk-icon {
183 | width: 50px;
184 | margin: 4px;
185 | min-height: 60px;
186 | }
187 |
188 | .desk.smallicon ul li.desk-icon img {
189 | width: 40px;
190 | margin: 5px;
191 | height: 40px;
192 | margin-bottom: 0;
193 | }
194 |
195 | .desk ul li.desk-icon.active {
196 | border-color: #fff5;
197 | background-color: #fff3;
198 | }
199 |
200 | .desk ul li.desk-icon:hover {
201 | border-color: #fff5;
202 | background-color: #fff1;
203 | }
204 |
205 | .win-frame {
206 | bottom: 0;
207 | left: 0;
208 | width: 600px;
209 | height: 600px;
210 | }
211 |
212 | .other-run-frame {
213 | width: 80px;
214 | height: max-content;
215 | min-height: 40px;
216 | right: 190px;
217 | bottom: 0;
218 | }
219 |
220 | .battery-frame {
221 | bottom: 0;
222 | right: 50px;
223 | width: 350px;
224 | height: 170px;
225 | }
226 |
227 | .wifi-frame {
228 | bottom: 0;
229 | right: 0px;
230 | width: 400px;
231 | height: 600px;
232 | }
233 |
234 | .sound-frame {
235 | bottom: 0;
236 | right: 0px;
237 | width: 350px;
238 | height: 120px;
239 | }
240 |
241 | .time-frame {
242 | bottom: 0;
243 | right: 0px;
244 | width: 350px;
245 | height: 500px;
246 | }
247 |
248 | .message-frame {
249 | bottom: 0;
250 | right: 0px;
251 | width: 400px;
252 | height: 100%;
253 | }
254 |
255 | .quick-frame {
256 | display: none;
257 | pointer-events: all;
258 | position: absolute;
259 | background-color: #101010dd;
260 | backdrop-filter: blur(10px);
261 | z-index: 99999;
262 | }
263 |
264 | .quick-frames {
265 | pointer-events: none;
266 | width: 100%;
267 | height: calc(100% - 45px);
268 | position: absolute;
269 | top: 0;
270 | left: 0;
271 | overflow: hidden;
272 | }
273 |
274 | @keyframes totop {
275 | 0% {
276 | transform: translateY(30px);
277 | opacity: 0.5;
278 | }
279 |
280 | 100% {
281 | transform: none;
282 | opacity: 1;
283 | }
284 | }
285 |
286 | @keyframes fright {
287 | 0% {
288 | transform: translateX(100%);
289 | opacity: 0.5;
290 | }
291 |
292 | 100% {
293 | transform: none;
294 | opacity: 1;
295 | }
296 | }
297 |
298 | @keyframes hide {
299 | 0% {
300 | transform: none;
301 | opacity: 1;
302 | }
303 |
304 | 100% {
305 | transform: translateY(20px);
306 | opacity: 0;
307 | }
308 | }
309 |
310 | @keyframes fhide {
311 | 0% {
312 | transform: none;
313 | opacity: 1;
314 | }
315 |
316 | 100% {
317 | transform: translateX(100%);
318 | opacity: 0;
319 | }
320 | }
321 |
322 | .win-frame .left-bar {
323 | width: 50px;
324 | height: 100%;
325 | position: absolute;
326 | top: 0;
327 | left: 0;
328 | overflow: hidden;
329 | transition: all .1s;
330 | color: #fff;
331 | /* backdrop-filter: blur(10px); */
332 | z-index: 2;
333 | }
334 |
335 | .win-frame .left-bar .top {
336 | position: absolute;
337 | top: 0;
338 | left: 0;
339 | }
340 |
341 | .win-frame .left-bar .bottom {
342 | position: absolute;
343 | bottom: 0;
344 | left: 0;
345 | }
346 |
347 | .win-frame .left-bar .ui-icon {
348 | width: 50px;
349 | height: 50px;
350 | font-size: 20px;
351 | text-align: center;
352 | line-height: 50px;
353 | float: left;
354 | }
355 |
356 | .win-frame .left-bar .ui-icon img {
357 | width: 20px;
358 | height: 20px;
359 | margin: 15px;
360 | }
361 |
362 | .win-frame .left-bar .setting-item .ui-icon img {
363 | width: 25px;
364 | height: 25px;
365 | margin: 12.5px;
366 | }
367 |
368 | .win-frame .left-bar .title {
369 | float: left;
370 | line-height: 50px;
371 | font-size: 16px;
372 | font-weight: 500;
373 | }
374 |
375 | .win-frame .item {
376 | width: 200px;
377 | height: 50px;
378 | }
379 |
380 | .win-frame .item:hover {
381 | background-color: #fff3;
382 | }
383 |
384 | .win-frame .applist {
385 | position: absolute;
386 | top: 0;
387 | left: 50px;
388 | width: 250px;
389 | height: 100%;
390 | color: #fff;
391 | }
392 |
393 | .win-frame .applist ul li {
394 | width: 100%;
395 | height: 50px;
396 | line-height: 50px;
397 | }
398 |
399 | .win-frame .applist ul .zm {
400 | width: 100%;
401 | height: 30px;
402 | line-height: 30px;
403 | text-indent: 1em;
404 | font-size: 12px;
405 | }
406 |
407 | .win-frame .applist p.mini {
408 | font-size: 12px;
409 | color: #fff;
410 | line-height: 40px;
411 | margin-top: 10px;
412 | padding-left: 2em;
413 | }
414 |
415 | .win-frame .applist ul li:hover,
416 | .win-frame .applist ul .zm:hover {
417 | background-color: #fff3;
418 | }
419 |
420 | .win-frame .applist ul li:active,
421 | .win-frame .applist ul .zm:active {
422 | background-color: #fff6;
423 | }
424 |
425 | .win-frame .applist ul li img {
426 | width: 26px;
427 | height: 26px;
428 | padding: 12px;
429 | float: left;
430 | }
431 |
432 | .win-frame .applist ul li p {
433 | float: left;
434 | font-size: 14px;
435 | }
436 |
437 | .darkthememenu>div {
438 | position: absolute;
439 | min-width: 200px;
440 | width: max-content;
441 | background-color: #101010;
442 | box-shadow: 0 1px 5px #101010;
443 | color: #fff;
444 | z-index: 999990;
445 | display: none;
446 | }
447 |
448 | .darkthememenu>div li {
449 | width: 100%;
450 | height: 40px;
451 | line-height: 40px;
452 | }
453 |
454 | .darkthememenu>div li .ui-icon {
455 | font-size: 16px;
456 | width: 40px;
457 | text-align: center;
458 | float: left;
459 | }
460 |
461 | .darkthememenu>div li .title {
462 | font-size: 16px;
463 | float: left;
464 | }
465 |
466 | .darkthememenu>div li:hover {
467 | background-color: #fff3;
468 | }
469 |
470 | .darkthememenu>.power-menu {
471 | bottom: 100px;
472 | left: 0;
473 | }
474 |
475 | #sleep-ifr {
476 | position: absolute;
477 | top: 0;
478 | left: 0;
479 | width: 100%;
480 | height: 100vh;
481 | z-index: 999;
482 | display: none;
483 | }
484 |
485 | .battery-frame .battery-data {
486 | color: #fff;
487 | font-size: 45px;
488 | font-weight: 300;
489 | line-height: 75px;
490 | }
491 |
492 | .battery-frame .battery-data .ui-icon {
493 | float: left;
494 | width: 1.5em;
495 | text-align: center;
496 | }
497 |
498 | .battery-frame a.link {
499 | font-size: 14px;
500 | }
501 |
502 | .sound-frame .title {
503 | color: #fff;
504 | line-height: 40px;
505 | font-size: 16px;
506 | font-weight: 300;
507 | padding-left: 1em;
508 | }
509 |
510 | .sound-frame .sound-range {
511 | height: calc(100% - 40px);
512 | width: 100%;
513 | }
514 |
515 | .sound-frame .sound-range>* {
516 | float: left;
517 | }
518 |
519 | .sound-frame .sound-range .ui-icon {
520 | height: 100%;
521 | display: flex;
522 | justify-content: center;
523 | align-items: center;
524 | filter: invert(100%);
525 | padding: 0 1em;
526 | }
527 |
528 | .sound-frame .sound-range .ui-icon img {
529 | width: 30px;
530 | }
531 |
532 | .sound-frame .sound-range .win-range {
533 | width: calc(100% - (100px + 2em));
534 | height: 100%;
535 | }
536 |
537 | .sound-frame .sound-range .sound-data {
538 | font-size: 26px;
539 | color: #fff;
540 | display: flex;
541 | justify-content: center;
542 | align-items: center;
543 | height: 100%;
544 | width: 70px;
545 | }
546 |
547 | .win-range {
548 | position: relative;
549 | }
550 |
551 | .win-range span {
552 | position: absolute;
553 | top: 50%;
554 | transform: translateY(-50%);
555 | }
556 |
557 | .win-range span.r1 {
558 | z-index: 1;
559 | width: calc(100% - 8px);
560 | margin-left: 4px;
561 | height: 2px;
562 | background-color: #929292;
563 | }
564 |
565 | .win-range span.r2 {
566 | z-index: 2;
567 | width: calc((100% - 8px) * 0.5);
568 | margin-left: 4px;
569 | height: 2px;
570 | background-color: #09f;
571 | pointer-events: none;
572 | }
573 |
574 | .win-range span.r3 {
575 | z-index: 3;
576 | width: 8px;
577 | height: 24px;
578 | border-radius: 6px;
579 | background-color: #09f;
580 | left: calc((100% - 8px) * 0.5);
581 | }
582 |
583 | .win-range:hover span.r3 {
584 | background-color: #fff;
585 | }
586 |
587 | a.win-link {
588 | text-decoration: none;
589 | color: #3ce4f0;
590 | margin: 0 10px;
591 | line-height: 24px;
592 | }
593 |
594 | a.win-link:hover {
595 | color: #cacaca;
596 | }
597 |
598 | .win-check {
599 | color: #fff;
600 | width: 90px;
601 | height: 60px;
602 | margin: 5px;
603 | background-color: #5e5d5d;
604 | position: relative;
605 | border: transparent solid 1px;
606 | transition: all .3s;
607 | }
608 |
609 | .win-check .ui-icon {
610 | width: 30px;
611 | height: 30px;
612 | font-size: 16px;
613 | }
614 |
615 | .win-check .ui-icon img {
616 | filter: invert(100%);
617 | width: 18px;
618 | height: 18px;
619 | margin: 5px;
620 | }
621 |
622 | .win-check .title {
623 | font-size: 12px;
624 | position: absolute;
625 | bottom: 0;
626 | line-height: 20px;
627 | padding-left: 3px;
628 | }
629 |
630 | .win-check:hover {
631 | border: #fff solid 1px;
632 | }
633 |
634 | .win-check.disable::after {
635 | content: '';
636 | position: absolute;
637 | top: 0;
638 | left: 0;
639 | right: 0;
640 | bottom: 0;
641 | background-color: #5e5d5d66;
642 | }
643 |
644 | .win-check.disable:hover {
645 | border: transparent solid 1px;
646 | }
647 |
648 | .win-check.checked {
649 | background-color: #09f;
650 | }
651 |
652 | .message-frame .top-bar {
653 | width: 100%;
654 | height: 30px;
655 |
656 | }
657 |
658 | .message-frame .top-bar a {
659 | float: right;
660 | line-height: 30px;
661 | font-size: 14px;
662 | }
663 |
664 | .message-frame .message-list {
665 | width: 100%;
666 | height: calc(100% - 260px);
667 | overflow-x: hidden;
668 | overflow-y: scroll;
669 | }
670 |
671 | .message-frame .message-list::-webkit-scrollbar {
672 | display: none;
673 | }
674 |
675 | .message-frame .message-list ul {
676 | width: 100%;
677 | }
678 |
679 | .message-frame .message-list ul li,
680 | .message-container ul li {
681 | width: calc(100% - 30px);
682 | margin: 15px;
683 | background-color: #101010;
684 | box-shadow: 0 1px 5px #101010;
685 | min-height: 160px;
686 | color: #e6e6e6;
687 | transition: all .1s;
688 | border: #444 solid 1px;
689 | }
690 |
691 | .message-frame .message-list ul li:hover,
692 | .message-container ul li:hover {
693 | border: #ddd solid 1px;
694 | }
695 |
696 | .message-frame .message-list ul li .top,
697 | .message-container ul li .top {
698 | width: 100%;
699 | height: 36px;
700 | line-height: 36px;
701 | }
702 |
703 | .message-frame .message-list ul li .top .ui-icon,
704 | .message-container ul li .top .ui-icon {
705 | float: left;
706 | width: 45px;
707 | height: 36px;
708 | display: flex;
709 | justify-content: center;
710 | align-items: center;
711 | }
712 |
713 | .message-frame .message-list ul li .top .ui-icon img,
714 | .message-container ul li .top .ui-icon img {
715 | width: 20px;
716 | height: 20px;
717 | }
718 |
719 | .message-frame .message-list ul li .top .title,
720 | .message-container ul li .top .title {
721 | float: left;
722 | font-size: 15px;
723 | }
724 |
725 | .message-frame .message-list ul li .top .close,
726 | .message-container ul li .top .close {
727 | float: right;
728 | width: 30px;
729 | height: 30px;
730 | display: flex;
731 | justify-content: center;
732 | align-items: center;
733 | margin: 3px;
734 | }
735 |
736 | .message-frame .message-list ul li .top .close img,
737 | .message-container ul li .top .close img {
738 | width: 12px;
739 | height: 12px;
740 | filter: invert(100%);
741 | }
742 |
743 | .message-frame .message-list ul li .top .close:hover,
744 | .message-container ul li .top .close:hover {
745 | background-color: #e6e6e6;
746 | }
747 |
748 | .message-frame .message-list ul li .top .close:hover img,
749 | .message-container ul li .top .close:hover img {
750 | filter: invert(0%);
751 | }
752 |
753 | .message-frame .message-list ul li .center,
754 | .message-container ul li .center {
755 | width: calc(100% - 20px);
756 | padding: 10px;
757 | text-indent: 2em;
758 | font-size: 18px;
759 | }
760 |
761 | .message-frame .message-list ul li:active,
762 | .message-container ul li:active {
763 | border-color: #aaa;
764 | }
765 |
766 | .message-container {
767 | position: absolute;
768 | bottom: 45px;
769 | right: 0;
770 | width: 360px;
771 | z-index: 999999;
772 | }
773 |
774 | .message-container ul li {
775 | animation: message-li-in .3s;
776 | position: relative;
777 | }
778 |
779 | @keyframes message-li-in {
780 | 0% {
781 | left: 360px;
782 | }
783 |
784 | 100% {
785 | left: 0;
786 | }
787 | }
788 |
789 | @keyframes message-li-out {
790 | 0% {
791 | left: 0px;
792 | }
793 |
794 | 100% {
795 | left: 360px;
796 | }
797 | }
798 |
799 | .message-frame .kzt {
800 | width: 90%;
801 | margin: 0 5%;
802 | height: 260px;
803 | }
804 |
805 | .message-frame .kzt .checks {
806 | width: 100%;
807 | display: flex;
808 | flex-wrap: wrap;
809 | justify-content: space-between;
810 | height: 126px;
811 | }
812 |
813 | .message-frame .kzt .checks .win-check {
814 | width: calc(25% - 8px);
815 | margin: 3px;
816 | }
817 |
818 | .message-frame .kzt .checks .win-check:nth-child(4) img {
819 |
820 | filter: invert(0);
821 | }
822 |
823 | .message-frame .kzt .light-range {
824 | display: flex;
825 | justify-content: center;
826 | align-items: center;
827 | width: 100%;
828 | height: 100px;
829 | }
830 |
831 | .message-frame .kzt .light-range .ui-icon {
832 | width: 60px;
833 | height: 60px;
834 | }
835 |
836 | .message-frame .kzt .light-range .ui-icon img {
837 | filter: invert(100%);
838 | width: 30px;
839 | height: 30px;
840 | margin: 15px;
841 | }
842 |
843 | .message-frame .kzt .light-range .win-range {
844 | width: calc(100% - 150px);
845 | }
846 |
847 | .win-t-load {
848 | position: relative;
849 | width: 100%;
850 | height: 20px;
851 | }
852 |
853 | .win-t-load span {
854 | display: block;
855 | background-color: #09f;
856 | border-radius: 50%;
857 | width: 6px;
858 | height: 6px;
859 | position: absolute;
860 | top: 50%;
861 | transform: translateY(-50%);
862 | animation: win-t-load 4.5s infinite linear;
863 | opacity: 0;
864 | }
865 |
866 | .win-t-load span:nth-child(2) {
867 | animation-delay: 0.2s;
868 | }
869 |
870 | .win-t-load span:nth-child(3) {
871 | animation-delay: 0.4s;
872 | }
873 |
874 | .win-t-load span:nth-child(4) {
875 | animation-delay: 0.6s;
876 | }
877 |
878 | .win-t-load span:nth-child(5) {
879 | animation-delay: 0.8s;
880 | }
881 |
882 | .win-t-load span:nth-child(6) {
883 | animation-delay: 1s;
884 | }
885 |
886 | @keyframes win-t-load {
887 | 0% {
888 | left: 0;
889 | opacity: 0;
890 | }
891 |
892 | 5% {
893 | left: 15%;
894 | opacity: 1;
895 | }
896 |
897 | 10% {
898 | left: 30%;
899 | }
900 |
901 | 70% {
902 | left: 70%;
903 | }
904 |
905 | 75% {
906 | left: 85%;
907 | opacity: 1;
908 | }
909 |
910 | 80%,
911 | 100% {
912 | left: 100%;
913 | opacity: 0;
914 | }
915 | }
916 |
917 | * {
918 | margin: 0;
919 | padding: 0;
920 | }
921 |
922 | :root {
923 | --window-top: 120px;
924 | --window-left: 100px;
925 | --window-width: 600px;
926 | --window-height: 350px;
927 | }
928 |
929 | .windows-open-window {
930 | position: absolute;
931 | top: var(--window-top);
932 | left: var(--window-left);
933 | border: #101010 solid 1px;
934 | box-shadow: 0 1px 5px #0004;
935 | width: var(--window-width);
936 | height: var(--window-height);
937 | overflow: hidden;
938 | background-color: #fff;
939 | }
940 |
941 | .windows-open-window .window-drags>* {
942 | position: absolute;
943 | /* background-color: #0004; */
944 | user-select: none;
945 | z-index: 8;
946 | }
947 |
948 | .windows-open-window .window-drags-top {
949 | width: calc(100% - 6px);
950 | height: 3px;
951 | top: 0;
952 | left: 3px;
953 | cursor: n-resize;
954 | }
955 |
956 | .windows-open-window .window-drags-left {
957 | width: 3px;
958 | height: calc(100% - 6px);
959 | top: 3px;
960 | left: 0px;
961 | cursor: e-resize;
962 | }
963 |
964 | .windows-open-window .window-drags-bottom {
965 | width: calc(100% - 6px);
966 | height: 3px;
967 | bottom: 0;
968 | left: 3px;
969 | cursor: n-resize;
970 | }
971 |
972 | .windows-open-window .window-drags-right {
973 | width: 3px;
974 | height: calc(100% - 6px);
975 | top: 3px;
976 | right: 0px;
977 | cursor: e-resize;
978 | }
979 |
980 | .windows-open-window .window-drags-top-left {
981 | width: 3px;
982 | height: 3px;
983 | top: 0;
984 | left: 0;
985 | cursor: nw-resize;
986 | }
987 |
988 | .windows-open-window .window-drags-top-right {
989 | width: 3px;
990 | height: 3px;
991 | top: 0;
992 | right: 0;
993 | cursor: ne-resize;
994 | }
995 |
996 | .windows-open-window .window-drags-bottom-left {
997 | width: 3px;
998 | height: 3px;
999 | bottom: 0;
1000 | left: 0;
1001 | cursor: ne-resize;
1002 | }
1003 |
1004 | .windows-open-window .window-drags-bottom-right {
1005 | width: 3px;
1006 | height: 3px;
1007 | bottom: 0;
1008 | right: 0;
1009 | cursor: nw-resize;
1010 | }
1011 |
1012 | .windows-open-window .window-title-bar {
1013 | position: absolute;
1014 | top: 0;
1015 | left: 0;
1016 | width: 100%;
1017 | height: 34px;
1018 | background-color: #fff;
1019 | user-select: none;
1020 | }
1021 |
1022 | .windows-open-window .window-title-bar .window-icon {
1023 | width: 34px;
1024 | height: 34px;
1025 | float: left;
1026 | }
1027 |
1028 | .windows-open-window .window-title-bar .window-icon img {
1029 | width: 60%;
1030 | height: 60%;
1031 | margin: 20%;
1032 | }
1033 |
1034 | .windows-open-window .window-title-bar .window-title {
1035 | line-height: 34px;
1036 | float: left;
1037 | width: calc(100% - 184px);
1038 | font-size: 14px;
1039 | }
1040 |
1041 | .windows-open-window .window-title-bar .window-czbtns {
1042 | float: right;
1043 | }
1044 |
1045 | .windows-open-window .window-title-bar .window-czbtns>* {
1046 | float: left;
1047 | width: 50px;
1048 | height: 34px;
1049 | background-size: 12px;
1050 | background-position: center center;
1051 | background-repeat: no-repeat;
1052 | }
1053 |
1054 | .windows-open-window .window-title-bar .window-czbtns>*:hover {
1055 | background-color: #eee;
1056 | }
1057 |
1058 | .windows-open-window .window-title-bar .window-czbtns .window-close {
1059 | background-image: url(../../img/icon/ui/close.png);
1060 | }
1061 |
1062 | .windows-open-window .window-title-bar .window-czbtns .window-close:hover {
1063 | background-color: #0ff;
1064 | filter: invert(100%);
1065 | }
1066 |
1067 | .windows-open-window .window-title-bar .window-czbtns .window-max-size {
1068 | background-image: url(../../img/icon/ui/maxmin.png);
1069 | }
1070 |
1071 | .windows-open-window .window-title-bar .window-czbtns .window-min-size {
1072 | background-image: url(../../img/icon/ui/minimize.png);
1073 | }
1074 |
1075 | .windows-open-window .window-title-bar .window-czbtns .window-def-size {
1076 | background-image: url(../../img/icon/ui/maximize.png);
1077 | }
1078 |
1079 | .windows-open-window .window-content,
1080 | .windows-open-window .window-quickframe {
1081 | position: absolute;
1082 | top: 34px;
1083 | left: 0;
1084 | width: 100%;
1085 | height: calc(100% - 34px);
1086 | }
1087 |
1088 | .windows-open-window .window-quickframe {
1089 | z-index: 4;
1090 | display: none;
1091 | user-select: none;
1092 | }
1093 |
1094 | .windows-open-window .window-content iframe {
1095 | width: 100%;
1096 | height: 100%;
1097 | }
1098 |
1099 | .windows-open-window .loading-frame {
1100 | position: absolute;
1101 | z-index: 6;
1102 | top: 34px;
1103 | left: 0;
1104 | width: 100%;
1105 | height: calc(100% - 34px);
1106 | background-color: #fff;
1107 | transition: opacity .3s;
1108 | display: flex;
1109 | justify-content: center;
1110 | align-items: center;
1111 | }
1112 |
1113 | .windows-open-window .loading-frame img {
1114 | width: 80px;
1115 | height: 80px;
1116 | }
1117 |
1118 | .time-frame {
1119 | color: #fff;
1120 | }
1121 |
1122 | .time-frame .toptime {
1123 | width: calc(100% - 20px);
1124 | height: 100px;
1125 | border-bottom: #666 solid 1px;
1126 | padding: 10px;
1127 | }
1128 |
1129 | .time-frame .toptime p.t {
1130 | line-height: 70px;
1131 | font-size: 45px;
1132 | font-weight: 300;
1133 | letter-spacing: 2px;
1134 | padding-left: 10px;
1135 | }
1136 |
1137 | .time-frame .toptime a.d {
1138 | line-height: 20px;
1139 | display: block;
1140 | }
1141 |
1142 | .time-frame .calendar {
1143 | width: calc(100% - 40px);
1144 | height: 300px;
1145 | padding: 10px 20px;
1146 | }
1147 |
1148 | .time-frame .calendar .a {
1149 | width: 100%;
1150 | height: 40px;
1151 | line-height: 40px;
1152 | color: #eee;
1153 | font-weight: 300;
1154 | }
1155 |
1156 | .time-frame .calendar .b table {
1157 | width: 100%;
1158 | height: 260px;
1159 | font-size: 14px;
1160 | }
1161 |
1162 | .time-frame .calendar .b table th {
1163 | text-align: center;
1164 | font-weight: 300;
1165 | }
1166 |
1167 | .time-frame .calendar .b table td {
1168 | text-align: center;
1169 | border: transparent solid 2px;
1170 | }
1171 |
1172 | .time-frame .calendar .b table td:hover {
1173 | border-color: #888;
1174 | }
1175 |
1176 | .time-frame .calendar .b table td.other-day {
1177 | color: #aaa;
1178 | }
1179 |
1180 | .time-frame .calendar .b table td.today {
1181 | background-color: #09f;
1182 | }
1183 |
1184 | .time-frame .calendar .b table td.active {
1185 | border-color: #09f;
1186 | color: #fff;
1187 | }
1188 |
1189 | .time-frame .calendar .c {
1190 | width: calc(100% - 20px);
1191 | height: 30px;
1192 | padding: 10px;
1193 | }
1194 |
1195 | .contextmenu {
1196 | min-width: 200px;
1197 | width: 250px;
1198 | width: max-content;
1199 | box-shadow: 3.5px 3.5px 2px #5e5d5d;
1200 | position: absolute;
1201 | z-index: 99999990;
1202 | background-color: rgb(233, 233, 233);
1203 | display: none;
1204 | padding: 5px 0px;
1205 | }
1206 |
1207 | .contextmenu li {
1208 | width: calc(100% - 10px);
1209 | height: 24px;
1210 | line-height: 24px;
1211 | padding: 0 5px;
1212 | }
1213 |
1214 | .contextmenu li:hover {
1215 | background-color: #fff;
1216 | }
1217 |
1218 | .contextmenu li .ui-icon {
1219 | width: 24px;
1220 | height: 24px;
1221 | float: left;
1222 | text-align: center;
1223 | }
1224 |
1225 | .contextmenu li .ui-icon img {
1226 | width: 16px;
1227 | height: 16px;
1228 | margin: 4px;
1229 | }
1230 |
1231 | .contextmenu li .title {
1232 | float: left;
1233 | font-size: 14px;
1234 | }
1235 |
1236 | .contextmenu li.group-item::after {
1237 | content: ">";
1238 | float: right;
1239 | line-height: 24px;
1240 | font-size: 20px;
1241 | font-weight: 300;
1242 | }
1243 |
1244 | .contextmenu li.radio-item.active .ui-icon::after {
1245 | content: '';
1246 | width: 6px;
1247 | height: 6px;
1248 | border-radius: 50%;
1249 | background-color: #000;
1250 | display: block;
1251 | margin: 9px;
1252 | }
1253 |
1254 | .contextmenu li.check-item.active .ui-icon::after {
1255 | content: '✓';
1256 | }
--------------------------------------------------------------------------------