gQuery UI

CSS Only,轻松开发 H5 响应式布局 WEB 项目

极简简简化

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

响应式式式

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

📱
💻
📺

顾全大小局

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

定义主题

随时修改 CSS 全局变量,轻松改变整站 UI 风格,深浅主题。

网格布局

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

丰富组件

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

起步

GQUI 的所有元素或类都可单独使用,仅需引入单个 CSS 文件即可:

<link type="text/css" rel="stylesheet" href="/lib/css/gquery.ui.css" />


GQUI.JS

引入 GQUI.JS 获取功能增强,包括但不限于下拉框、对话框、弹出框,代码列解析,自动分页等功能:

<script type="text/javascript" src="/lib/js/gquery.ui.js"></script>