# winui

**Repository Path**: fftt52536/winui

## Basic Information

- **Project Name**: winui
- **Description**: A JavaScript Framework. It Can Help Build A Desktop Like WINDOWS.
Fui框架的DEMO——用我的FUI设计出Win10界面。
- **Primary Language**: JavaScript
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-04-29
- **Last Updated**: 2025-02-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# fui

## 介绍
A JavaScript Framework. It Can Help Build A Desktop Like WINDOWS.

## 软件架构
软件架构说明


## 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

## 使用说明

1.  在demo/index.js中修改配置：
```js
demo.addFrame({"title": "Hello World"});
```
addFrame是Workspace的重要属性。它只接受一个参数——用户配置的JSON。它接受的键值如下：
```
title --框架标题
resizeBorderWidth --边框厚度，在这个距离内的拖动事件都算做调整大小（resize）。
minWidth --最小宽度。
minHeight --最小高度。
x --初始X。
y --初始Y。
width --初始宽度。
height --初始高度。
className --窗口的class属性。
icon --窗口的图标路径。
```
##### 注意！这些配置也可以在初始化时声明公共配置，示例如下：
```js
new Workspace(demoDiv, {className: "demo", title: "Demo", resizeBorderWidth: 7})
```

2.   添加APP
打开template.html，找到类似下面的元素：
```html
<ul class="apps">
    <li data-appid="baidu">
        <img src="static/images/4.png" draggable="false" />
        <span class="input">百度</span>
    </li>
</ul>
```
这定义了一个类似桌面的界面。每个li代表一个APP。其中data-appid是你给APP起的名字。\
但如果你需要双击应用后弹出页面，你可以在demo/index.js中配置：
```js

if(!window.defines)
    window.defines = {
        baidu(){
            workspace.addFrame({width: 800, height: 600, title: '百度一下，你就知道', icon: './static/images/4.png'});
        }
    };
```
其中的函数名（在本例中是```baidu```）需要与data-appid对应。