问题标签 [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.
angular - 当检查MAT-Checkbox时,如何将CSS添加到MAT-Checkbox中?
选中 mat-checkbox 时,我需要更改 mat-card 背景颜色mat-card-content
css - 使用Angular Material从mat-card-content中选择mat-radio按钮时如何为mat-card添加背景?
单击每个单选按钮时,我需要为每个垫卡添加背景。背景应仅适用于与单击的 mat-radio 按钮相对应的 mat 卡。
css - 为什么我只能在组件级别 css 设置垫高设置?
我在我的 Angular 8 项目中使用 Angular 材质,并尝试在我的材质卡上设置阴影设计。我正在使用此处描述的海拔辅助混合:https ://material.angular.io/guide/elevation
我没有在每个组件的 css 文件中自定义这些高度,而是尝试在全局级别进行。当我在组件级别声明样式类时,它可以工作,但是当我在全局级别声明它时,只有一些 CSS 工作。
当我在全局 styles.css 文件中声明该类时
当我在组件级别声明类时
由于当我在全局级别声明类时正在应用边框颜色,因此我知道该类被正确应用,只是没有应用高程或被覆盖。
我怎样才能解决这个问题?
angular - 无法从 style.scss 更改 mat-card 的背景颜色
我想background-color
为我的角度项目更改mat-card
内部。style.scss
这AppComponent
是我目前使用的唯一组件。可能会更改width
,mat-card
但我无法background-color
从style.scss
文件中更改 。
改变作品background-color
。app.component.scss
此外,我还可以更改样式,<p></p>
例如style.scss
.
为什么不background-color
改变,但p
元素呢?
css - 即使在放大和缩小后也保持图像大小相同
我有一个mat-sidenav
装满组件的mat-card
组件。在 sidenav 之外,我有我的页面的其余部分。我想要的是让我的 sidenav 卡组件保持与有人放大和缩小页面完全相同的大小。我已经说明了我的意思:
左边的图片是我放大前的页面,右边是放大后的页面。sidenav(框)之外的内容会相应地缩放和缩放,我的 sidenav 本身有一个最大宽度设置,即使在缩放后也不会超过(我已经实现了这一点)。我的问题在于垫卡组件(表示为圆圈)。我希望我的垫卡在缩放后也保持与图像中所示相同的大小,但是,它们就像我在 sidenav 之外的组件一样增长。我的垫子卡也单独包装在<a>
标签中。我需要它,好像放大和缩小根本不会影响 sidenav 或其内容,我该如何实现呢?
css - 我们可以将 Mat-card 与 Anchor Tag 一起使用吗?
我想让 mat-card 成为可点击的,当我将鼠标悬停在 mat-card 上时,我想显示链接光标。当我单击要导航到另一个页面的一张卡片时,会有很多卡片。我怎样才能做到这一点?
在我的模板 html 中使用以下代码是否合适。
我的第一次尝试是
angular - 何时使用 Angular mat-card 组件
我是 Angular 的新手,当然也是 Angular 材料的新手。我遇到的材料的一个神秘组件是mat-card,我一遍又一遍地阅读它的描述,我搜索了网络,但是我不明白什么时候使用 mat-card 组件。所以我的问题是前端开发人员什么时候实际使用 mat-card 组件?
html - 窗户上的中心垫卡
我看过一篇关于堆栈溢出的帖子,回答了我的问题(如何在有角度的材料中将 mat-card 居中?),但结果确实并不完美(见图)。
正如你所看到的,卡片被压扁了,它们在同一条线上。无论我将scss添加到卡片中,它都不会影响它们。我希望它们更大,并且一个在另一个之上。我发现令人难以置信的是,scss 选项并不容易将元素移动到您想要的位置......