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 和其他未來專案的所有即將更新。