问题标签 [mat-card]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1671 浏览

angular - 当检查MAT-Checkbox时,如何将CSS添加到MAT-Checkbox中?

选中 mat-checkbox 时,我需要更改 mat-card 背景颜色mat-card-content

0 投票
1 回答
2033 浏览

css - 使用Angular Material从mat-card-content中选择mat-radio按钮时如何为mat-card添加背景?

单击每个单选按钮时,我需要为每个垫卡添加背景。背景应仅适用于与单击的 mat-radio 按钮相对应的 mat 卡。

0 投票
1 回答
1808 浏览

css - 为什么我只能在组件级别 css 设置垫高设置?

我在我的 Angular 8 项目中使用 Angular 材质,并尝试在我的材质卡上设置阴影设计。我正在使用此处描述的海拔辅助混合:https ://material.angular.io/guide/elevation

我没有在每个组件的 css 文件中自定义这些高度,而是尝试在全局级别进行。当我在组件级别声明样式类时,它可以工作,但是当我在全局级别声明它时,只有一些 CSS 工作。

当我在全局 styles.css 文件中声明该类时

当我在组件级别声明类时

由于当我在全局级别声明类时正在应用边框颜色,因此我知道该类被正确应用,只是没有应用高程或被覆盖。

我怎样才能解决这个问题?

0 投票
0 回答
284 浏览

angular - 无法从 style.scss 更改 mat-card 的背景颜色

我想background-color为我的角度项目更改mat-card内部。style.scss

AppComponent是我目前使用的唯一组件。可能会更改widthmat-card但我无法background-colorstyle.scss文件中更改 。

改变作品background-colorapp.component.scss此外,我还可以更改样式,<p></p>例如style.scss.

为什么不background-color改变,但p元素呢?

0 投票
1 回答
1220 浏览

css - 即使在放大和缩小后也保持图像大小相同

我有一个mat-sidenav装满组件的mat-card组件。在 sidenav 之外,我有我的页面的其余部分。我想要的是让我的 sidenav 卡组件保持与有人放大和缩小页面完全相同的大小。我已经说明了我的意思:

在此处输入图像描述

左边的图片是我放大前的页面,右边是放大后的页面。sidenav(框)之外的内容会相应地缩放和缩放,我的 sidenav 本身有一个最大宽度设置,即使在缩放后也不会超过(我已经实现了这一点)。我的问题在于垫卡组件(表示为圆圈)。我希望我的垫卡在缩放后也保持与图像中所示相同的大小,但是,它们就像我在 sidenav 之外的组件一样增长。我的垫子卡也单独包装在<a>标签中。我需要它,好像放大和缩小根本不会影响 sidenav 或其内容,我该如何实现呢?

0 投票
3 回答
2268 浏览

css - 我们可以将 Mat-card 与 Anchor Tag 一起使用吗?

我想让 mat-card 成为可点击的,当我将鼠标悬停在 mat-card 上时,我想显示链接光标。当我单击要导航到另一个页面的一张卡片时,会有很多卡片。我怎样才能做到这一点?

在我的模板 html 中使用以下代码是否合适。

我的第一次尝试是

0 投票
1 回答
442 浏览

angular - 何时使用 Angular mat-card 组件

我是 Angular 的新手,当然也是 Angular 材料的新手。我遇到的材料的一个神秘组件是mat-card,我一遍又一遍地阅读它的描述,我搜索了网络,但是我不明白什么时候使用 mat-card 组件。所以我的问题是前端开发人员什么时候实际使用 mat-card 组件?

0 投票
2 回答
2128 浏览

css - Mat-card 未指定行下方和上方的间隙

我试图在显示垫卡时指定两行之间的一些间隙。但使用 flex 后显示不正确。

卡弯曲

这是 HTML 文件:-

这是CSS: -

0 投票
2 回答
48 浏览

html - 窗户上的中心垫卡

我看过一篇关于堆栈溢出的帖子,回答了我的问题(如何在有角度的材料中将 mat-card 居中?),但结果确实并不完美(见图)。 在此处输入图像描述

正如你所看到的,卡片被压扁了,它们在同一条线上。无论我将scss添加到卡片中,它都不会影响它们。我希望它们更大,并且一个在另一个之上。我发现令人难以置信的是,scss 选项并不容易将元素移动到您想要的位置......

0 投票
1 回答
557 浏览

html - 角材料卡布局

我正在使用 Angular Mat Card,我有一个按钮,每次单击该按钮时都会在数据库中创建新卡,但新卡显示在现有卡的底部,两者之间没有任何间隙,所以如果你们可以提供帮助我弄清楚如何使差距/边距变得很棒。谢谢

这就是它现在的样子

这就是我想要的样子