编辑于 Github

构建工具

了解如何使用NPM脚本构建管理主题，编译SCSS，更改品牌颜色等材料Dashboard Pro

工具设置

您可以使用NPM安装 材料仪表板：

npm i material-dashboard

要查看更多详细信息，请访问以下链接。

改变品牌颜色

  • 你会在assets scss variables _brand.scss中找到所有的品牌颜色。您可以使用HEX值或来自assets scss variables _colors.scss的其他预定义变量来更改它们。

编译SCSS

  • 1.下载项目的zip。
  • 2.确保已安装node.js（https://nodejs.org/en）。
  • 3.在package.json所在的源文件夹中的终端控制台中键入npm install。
  • 4.在终端gulp open-app中运行以打开产品的仪表板页面（默认）。 您可以在下载的存档中的gulpfile.js中设置要在浏览器中打开的任何页面，第30行：gulp.src（'examples dashboard.html'）。
  • 5.在终端gulp compile：scss中运行单个编译或gulp watch，以便连续编译您在.scss文件中所做的更改。 该命令应该在gulpfile.js和package.json所在的文件夹中运行。

在表单中使用输入标签

You have two use-cases for using the inputs label inside of a form:

  • .bmd-label-static is recommended for using with a placeholder for an input

<div class="form-group bmd-form-group">
  <label class="bmd-label-static">名字</label>
  <input type="text" class="form-control" placeholder="Your name here">
</div>

  • .bmd-label-floating is recommended for using without the placeholder

<div class="form-group bmd-form-group">
  <label class="bmd-label-floating">名字</label>
  <input type="text" class="form-control">
</div>