3 Star 22 Fork 0

阿安 / CQuery

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 1.55 KB
一键复制 编辑 原始数据 按行查看 历史

简介

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();

License

MIT Copyright (c) 2021-present, antree

CSS
1
https://gitee.com/lesan2d/cquery.git
git@gitee.com:lesan2d/cquery.git
lesan2d
cquery
CQuery
master

搜索帮助