# gqui

**Repository Path**: ganxiaozhe/gqui

## Basic Information

- **Project Name**: gqui
- **Description**: 简洁美观，兼容所有尺寸布局。HTML、CSS 和可选的 JavaScript 开发框架，用于在 web 上开发响应式布局项目。
- **Primary Language**: CSS
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://www.gquery.net/ui/
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-01-02
- **Last Updated**: 2021-10-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# GQUI
Simple, beauty and consider all layout. HTML, CSS, and optional JavaScript framework for developing responsive  on the web.

Website: [https://www.gquery.net/ui/](https://www.gquery.net/ui/)

### 极简简简化
简单好用，组件明确。可选择性引入 GQUI.JS 以获得功能增强。

### 响应式式式
一个框架，多个设备。得益于 CSS Media Query，gQuery UI 可使您的同一份代码，响应适配手机、平板、PC 等多种不同屏幕分辨率设备。

### 顾全大小局
从整体布局方案到元素边距，gQuery UI 总会照顾到您的每个模块组件设计。

### 网格布局
在浏览器原生 grid 之上提供更为灵活的网格布局方案。

### 丰富组件
窗口、文档、表单、按钮、卡片、标签、分页......以及无限制的一切

### 众多案例
实践是了解新事物最好的途径，通过大量借助 gQuery UI 设计的网页以迅速上手。


## 起步
GQUI 的所有元素或类都可单独使用，仅需引入单个 CSS 文件即可：
```html
<link type="text/css" rel="stylesheet" href="/lib/css/gquery.ui.css" />
```

选择性引入 GQUI.JS 获取功能增强，包括但不限于弹出框，代码列解析，自动分页等功能。GQUI.JS 需要先引入 v1.4.5 及以上版本 gQuery。
```html
<script type="text/javascript" src="/lib/js/gquery.js"></script>
<script type="text/javascript" src="/lib/js/gquery.ui.js"></script>
```