基于React设计的Windows11网页版源码第1张插图
  • 首页
  • 每日早报
  • 技术教程
  • 编程语言
    • 网站源码
    • 网页代码
  • 精品软件
    • 手机软件
    • 电脑软件
  • 活动资讯
首页 网站源码 正文

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

2024-01-16 12:43 网站源码 阅读 1.03k

一个基于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
声明:本站所有文章除特别声明外,均采用CC BY-NC-SA 4.0许可协议。转载请注明来自 乐我知!
火盾免费网络验证旗舰版V3 一键加验证
« 上一篇 2024-01-16
PC版三星Samsung Internet浏览器悄然从微软应用商店下架
下一篇 » 2024-01-16

搜索

最新文章

  • 【手游推荐】守了个桥解锁免广告获得奖励+内置GM功 能菜单
    2026-02-16
  • 黑洞入侵 解锁免广告获得奖励 非常好玩的 吞噬类游戏
    2026-02-16
  • 【手游推荐】怪物杀手:免费内购Debug菜单+宝石礼品码 8.0.1
    2026-02-16
  • 闲置油井 稀有无限内购游戏+解锁免广告获 得奖励
    2026-02-16
  • 【分享】有效管理沟通,某音199的人际关系课
    2026-02-16

热门文章

  • TOP1
    【端游推荐】🔥仁王3v1.03中文全DLC+联机补丁🔥
    6天前 106
  • TOP2
    死馆本体(死に逝く君、館に芽吹く憎悪)
    6天前 60
  • TOP3
    【分享】教程:狼叔抖音带货课程第一期
    7天前 58
  • TOP4
    【分享】课程:2026天晓综合应用能力(A类)系统理论课
    7天前 34
  • TOP5
    【端游推荐】双手奇谋Build.21752324中文版
    5天前 31

本站部分资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站站长删除。

Copyright © 2018-2025 乐我知 皖ICP备19017711号-2

侵权/投诉/邮箱: 8670468@qq.com

sitemap