扫一扫分享
Halfmoon 是一个响应式前端框架,非常适合构建仪表板和工具。内置暗模式、使用 css 变量的完全可定制性(大约 1,500 个变量)、可选的 JavaScript 库(无 jquery)、类似 Bootstrap 的类,以及跨浏览器兼容性(包括 IE11)。
npm install halfmoon
安装完成后,可以通过以下方式导入所需的CSS和JS文件:
// Include CSS file
require("halfmoon/css/halfmoon-variables.min.css");
/*
Or,
Include the following (no variables, supports IE11):
require("halfmoon/css/halfmoon.min.css");
*/
// Import JS library
const halfmoon = require("halfmoon");
请注意,有些组件需要手动初始化,即在加载dom后,需要调用如下方法:
// Call this method after the DOM has been loaded
halfmoon.onDOMContentLoaded();
这会初始化所有需要 JavaScript 的组件,例如下拉菜单、自定义文件输入、快捷方式等。
通过这种方式,Halfmoon 可以与使用虚拟 DOM 的框架一起使用,例如 react 和 vue。例如,在 Vue 的情况下,该halfmoon.onDOMContentLoaded()方法将在mounted()组件的钩子内调用。
手机预览