├── 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 | 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 | 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 |
13 | 16 |
标准
17 |
18 |
19 |
20 |
0
21 |
22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 |
%CEC
1/xx2x÷
789×
456-
123+
+/-0.=
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 |
13 |
14 |
15 |
16 |
17 |
音乐
18 |
19 | 23 |
24 |
25 | 26 |
27 |
28 |
29 |
30 |
31 |
32 |
    33 |
34 |
35 |
36 |
酷狗音乐
37 |
酷狗音乐
38 |
39 |
    40 |
41 |
42 |
43 |
44 |
45 |
    46 |
47 |
48 |
49 | 87 | 88 | 89 | 90 | 91 | -------------------------------------------------------------------------------- /windows/apps/bin.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 18 | 30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |

回收站

42 |
43 |
44 |
45 | 49 |
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 | 91 |
92 |
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 | 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 | 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 | 18 | 30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |

此电脑

42 |
43 |
44 |
45 | 49 |
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 | 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 | 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 | 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 |
203 | 204 |
205 |
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 | 46 |
    47 | 48 |
    49 |
    50 |
    51 |
    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 |
    182 |
    183 | 184 |
    185 |
    186 | 187 |
    188 |
    扬声器(High Definition Audio Device)
    189 |
    190 |
    191 | 192 |
    193 |
    194 | 195 | 196 | 197 |
    198 |
    50
    199 |
    200 |
    201 | 202 |
    203 |
    204 |

    205 | 206 |
    207 |
    208 |
    209 |

    210 |
    211 |
    212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 |
    225 |
    226 |
    227 | 时间和日期设置 228 |
    229 |
    230 |
    231 | 232 |
    233 |
    234 | 管理通知 235 |
    236 | 237 |
    238 |
      239 |
      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 |
      307 | 308 |
      309 |
        310 |
      • 311 |
        312 | 313 |
        314 |
        睡眠
        315 |
      • 316 |
      • 317 |
        318 | 319 |
        320 |
        关机
        321 |
      • 322 |
      • 323 |
        324 | 325 |
        326 |
        重启
        327 |
      • 328 |
      329 |
      330 |
      331 | 332 |
      333 | 334 |
      335 | 336 | 337 | 338 |
      339 | 340 |
      341 |
        342 |
      • 343 |
        344 |
        查看
        345 |
      • 346 |
      • 347 |
        348 |
        排序方式
        349 |
      • 350 |
      • 351 |
        352 |
        刷新
        353 |
      • 354 |
        355 |
      • 356 |
        357 |
        新建
        358 |
      • 359 |
      • 360 |
        361 | 362 |
        363 |
        关于我们
        364 |
      • 365 |
      • 366 |
        367 | 368 |
        369 |
        Github
        370 |
      • 371 |
      372 |
      373 |
      374 |
        375 |
      • 376 |
        377 |
        大图标
        378 |
      • 379 |
      • 380 |
        381 |
        中等图标
        382 |
      • 383 |
      • 384 |
        385 |
        小图标
        386 |
      • 387 |
        388 |
      • 389 |
        390 |
        显示桌面图标
        391 |
      • 392 |
      393 |
      394 |
      395 |
        396 |
      • 397 |
        398 |
        名称
        399 |
      • 400 |
      • 401 |
        402 |
        大小
        403 |
      • 404 |
      • 405 |
        406 |
        项目类型
        407 |
      • 408 |
      • 409 |
        410 |
        修改日期
        411 |
      • 412 |
      413 |
      414 |
      415 |
        416 |
      • 417 |
        418 | 419 |
        420 |
        文件夹
        421 |
      • 422 |
      • 423 |
        424 | 425 |
        426 |
        快捷方式
        427 |
      • 428 |
        429 |
      • 430 |
        431 | 432 |
        433 |
        文本文件
        434 |
      • 435 |
      436 |
      437 | 438 |
      439 |
        440 |
      • 441 |
        442 |
        打开
        443 |
      • 444 |
      • 445 |
        446 | 447 |
        448 |
        用管理员身份打开
        449 |
      • 450 |
        451 |
      • 452 |
        453 |
        属性
        454 |
      • 455 |
      456 |
      457 |
      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 | } --------------------------------------------------------------------------------