构建工具
了解如何使用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>