0

我已将材料包包含在我的第一个 angular2 项目中。 我关注的链接

并为项目添加了主题以使用按钮的颜色。

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';

但是我错过了重要的课程,例如 ,,container(例如颜色选项和)。tealtext-blueligthen-<x>

最重要的是创建布局的类rowcol怎么可能得到material-css这里的所有力量。

我试图包括其中的css一部分CDN,但结果适得其反。

例如md-input,将有两个不同主题的边框。我在这里错过了什么吗?指引我正确的方向。

4

2 回答 2

1

是的,默认情况下,安装 angular2-material 时缺少 css 主题。要使其工作,请在 index.html 的标头中应用它

<link href="https://unpkg.com/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

或者把css下载到本地,放到assets文件夹中,然后在style.css中导入

@import url("./assets/css/material.css");
于 2017-01-06T22:28:52.367 回答
0

材料 CDN 的链接似乎已更改。

<link href="https://unpkg.com/@angular/material@2.0.0-beta.8/prebuilt-themes/indigo-pink.css" rel="stylesheet">
于 2017-08-19T04:25:34.553 回答