基于React设计的Windows11网页版源码

一个基于React框架和AntDesign组件库开发的前端高仿Windows项目,使用 HTML、CSS 和 JavaScript 模拟 Windows 11 操作系统的界面与交互。前段时间在看到谭景元(tjy-gitnub)的 Windows12网页版 项目后颇为震撼,深受启发,于是在百忙之中开发出了Windows11网页版。

基于React设计的Windows11网页版源码 第2张插图

参与开发

项目的桌面应用在 script/application.js 里面,这个文件将导出一个数组,数组里面是各种应用的配置对象。

项目的面板应用在 script/panel/application.js 里面,这个文件将导出一个数组,数组里面是各种应用的配置对象。

项目的应用程序(我在这里简称为PWA应用)在 Main\application 里面,里面用于存放PWA应用的源代码。

对于CSS的编写,请使用 SCSS 进行编写,每个组件一个SCSS文件。

import "./index.scss"

const ExampleWindowLayout = ({ name, icon }) => {
    return(
        <div id="window-layout-axample" onContextMenu={(event) => event.preventDefault()}>
            <div className="layout-content">
                <img className="layout-content-icon" src={icon} alt={name}/>
            </div>
        </div>
    )
}

export default ExampleWindowLayout
免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
如若转载,请注明出处:https://www.lewz.cn/wzym/117.html

上一篇 2024-1-16 12:11
下一篇 2024-1-16 14:19

相关推荐

发表评论

为了防止灌水评论,登录后即可评论!

还没有评论,快来抢沙发吧!