MaterialDrawn

欢迎来到材料绘制！

基于 Materialise CSS 框架的管理仪表板

Material Drawn是一款免费的 Materialise Admin，其新颖的设计灵感来自 Google 的 Material Design 和 Pixinvent 主题。我们非常高兴能够通过一组易于使用且美观的组件来介绍我们的材料概念。 Material Drawn 是在流行的 Materialise 框架上构建的，它附带了几个经过重新设计以适应其余元素的第三方插件（amcharts、datatables）。

Material Dashboard 为任何组件提供 6 种颜色主题选择作为背景

1. 薰衣草
2. 森林绿
3. 午夜蓝
4. 青色
5. 血
6. 女孩

侧边栏上有每种颜色的背景图像。您还可以创建自己的主题颜色，只需准备好您的颜色及其较浅的色调和与其匹配的图像即可。我们非常高兴与您分享此仪表板，并期待听到您的反馈！

如需添加您的自定义主题颜色或任何其他反馈，请发送电子邮件至 [email protected]。

您可以在此处找到 Material Drawn 的 Github 存储库。

文件

分发文件夹CSS 文件

所有框架分发 CSS 都位于：

 dist/theme.min.css

索引页 css 位于：

 dist/Style.css

用于jquery编写的自定义css用于主题更改

 <style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>

登录页面CSS位于：

 dist/LoginStyle.css

注册页面CSS位于：

 dist/RegisterStyle.css

所有框架分发的JS 文件都位于：

 dist/app.min.js
dist/app2.min.js
dist/app3.min.js

我的带有主题转换器的插件 js 和 index.html 的所有 init 位于：

 dist/myplugin.js

我的带有主题转换器的插件 js 和 index.html 的所有 init 位于：

 dist/loginplugin.js

安装

索引页CSS安装

 <link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/Style.css">
<style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>

登录页面的 CSS 安装

 <link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/LoginStyle.css">
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>

注册页面CSS安装

 <link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/RegisterStyle.css">
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>

索引页JS安装

 <script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/myplugin.js"></script>

登录页面的JS安装

 <script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/LoginStyle.css"></script>

注册页面JS安装

 <script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/registerplugin.js"></script>

完成安装过程后，在浏览器中打开演示仪表板的index.html，更新它并享受使用它的乐趣。

材质绘制的基本演示。

即将推出

• 用户界面组件
• JS组件
• 我的粉丝推荐的一些自定义组件

注意

添加了新功能，如个人资料（时间线和设置）、聊天等等。在我完成所有组件之前，您可以直接从 Materialize.css 编写组件。请支持我的工作，加注星标并观看我的存储库，并在 github 上关注我，了解 MaterialDrawn 和其他未来项目的所有即将更新。