简介
material-mochikit 是一个基于 Material Design 风格的前端开发框架,提供了一系列的 UI 组件。他是一个基于 mochikit.js 的扩展,这个包内置了 mochikit.js,并且将其配置到 webpack 中。
安装
npm 安装
使用 npm 进行安装:
--- ------- ----------------- ------
CDN 安装
也可以通过 CDN 引入:
----- ---------------- ------------------------------------------------------------------------------------- ------- --------------------------------------------------------------------------------------------
使用
1.导入 css
----- ---------------- -----------------------------------------------------------------
2.导入 js
------- ------------------------------------------------------------------------
3.使用组件
---- ---------------- ---- ----------------------- ---- ------ ------ ---- ------------------------ ---- ------- ------ ------
可以在官方网站查看所有提供的组件:material-mochikit.com
示例代码
--------- ----- ------ ------ ----- ---------------- ------------------------ ---------- ----- ---------------- ------------------------------------------------------------------------------------- ------- ------ ---- ---------------- ---- ----------------------- ---- ------ ------ ---- ------------------------ ---- ------- ------ ------ ------- -------------------------------------------------------------------------------------------- ------- -------
总结
使用 material-mochikit 可以帮助我们快速地开发一个美观且实用的前端项目。使用起来也非常简单,只需要引入对应的 css 和 js 文件,并在 HTML 中使用对应的 class 即可使用。希望本文能够对大家有所帮助。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055fc181e8991b448dd196