CQuery: 无任何依赖的轻组件库，助你快速开发前端UI

简介

CQuery 是一个组件资源库，名字参考于 jQuery，你可以叫他 CSS Query 也可以叫他 Components Query，我希望它能够成为一部 组件字典，让开发者在工作时能够便捷地引入一些组件，同时在没有设计灵感时也能通过翻看库中的资源来获得灵感。

CQuery 正在不断更新！如果你是一个经常需要编写界面的前端开发者，我相信它一定能为你提供一些帮助，喜欢的话麻烦点个Satr吧！

使用

Script标签引入

暂未提供CDN，请自行下载引入

cquery.js cquery.css

<script src="./cquery.js"></script>
<link rel="stylesheet" href="./cquery.css">
<link rel="stylesheet" href="./layout.css">

const initCQuery = function () {
	const { Accordion, Button, Setting, Tabs } = window.cquery;
	Accordion.setupDefault();
	Button.setupDefault();
	Setting.setupDefault();
	Tabs.setupDefault();
};

window.addEventListener('load', function () {
  initCQuery();
});

ES Module

注意，NPM安装不支持 IE11兼容模式

yarn add @antree/cquery

import CQuery from '@antree/cquery';

const initCQuery = () => {
	const { Accordion, Button, Setting, Tabs } = CQuery;
	Accordion.setupDefault();
	Button.setupDefault();
	Setting.setupDefault();
	Tabs.setupDefault();
};

initCQuery();

阿安 / CQuery

简介

使用

Script标签引入

ES Module

License

简介

发行版

贡献者

近期动态

阿安 / CQuery .gitee-modal { width: 500px !important; }

简介

使用

Script标签引入

ES Module

License

简介

发行版

开源评估指数源自 OSS-Compass 评估体系，评估体系围绕以下三个维度对项目展开评估：

贡献者

近期动态

搜索帮助

阿安 / CQuery