- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我只是想添加一个小的圆形个人资料图片,我不希望它在“卡片”中,而这样的东西确实有效:
<img mat-card-avatar src="avatar.png" alt="User Avatar">
那个<img>
不包含在 <mat-card>
中元素,即使它有效,我想知道解决方案的合法性和可能的副作用。那么可以在 mat-card 元素之外使用像 mat-card-avatar 这样的 mat-card-avatar 吗?
我也花了很长时间才找到这个指令,为什么头像 namespace 应该是卡片的一部分,而它通常可以在其他上下文中使用?例如,我将其放在 mat-toolbar 中。
最佳答案
从源代码来看,mat-card-avatar
指令只是将mat-card-avatar
类分配给指令的元素,它只是添加一点风格来产生头像外观。所以在 mat-card
之外使用它没有什么坏处。
至于为什么通用的东西成为 MatCard 组件的一部分 - 可能是因为他们不想付出额外的努力来测试和支持它的其他用途,并使 MatCard 正常工作带有通用缩略图。它也可能与 Material Design 将其指定为卡片的元素这一事实有关,尽管相同的元素被指定为列表(可能在其他地方)并且作为另一个指令存在 mat-list-icon
(风格代码有点不同)。将其归因于团队中没有人真正关心像这样的小事。
使用它的一个缺点是您必须导入整个 MatCard 模块才能使用它。如果您在您的应用程序中使用 mat-card
没问题,但如果您不这样做,它会为您的应用程序增加不必要的大小。最好只偷style code并创建您自己的类(class)。
$mat-card-header-size: 40px !default;
.mat-card-avatar {
height: $mat-card-header-size;
width: $mat-card-header-size;
border-radius: 50%;
flex-shrink: 0;
// Makes `<img>` tags behave like `background-size: cover`. Not supported
// in IE, but we're using it as a progressive enhancement.
object-fit: cover;
}
关于Angular Material,使用没有卡片的mat-card-avatar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53533753/
对于沙盒项目 https://github.com/PaulVI/NashornSandbox 我正在尝试在 Windows 上使用 Avatar.js 在 Java 8 Nashorn 上运行 he
我正在开发一个允许用户上传个人资料图片(基本上是头像)的网络应用程序。这些图像将不大于 100 x 100 像素,并且是人脸的照片。 我们希望允许用户上传各种图像格式,但我们也希望将它们全部转换为相同
标识是基于用户IP或名称的图标,它们提供了自动头像...就像StackOverflow上的头像图标一样。以下是一些可用的系统(Roger Browne的技巧提示): http://haacked.co
这个问题已经有答案了: "Notice: Undefined variable", "Notice: Undefined index", "Warning: Undefined array key",
在我的 tumblr 页面上,我希望在博客文章旁边显示该文章作者的头像。我能想到的唯一方法是让该人在博客标题中添加他们的名字。 标题 - 名称 然后我会解析它并使用该名称来获取正确的头像。 这仅适用于
我在样式主题中定义了三种背景颜色。 avatar: { backgroundColor: red[500], }, orangeAvatar: { margin: 10, co
我正在尝试创建这个头像 ImageView 期望我们选择的图像应该出现在半圆叠加层后面。 这是我的半圆代码: 我正在使用 CircularImageView 库和 glide。我像这样加载图
是否可以使用dojo工具包的dnd api更改头像的位置?此时,拖动时,被拖动项目的头像出现在鼠标光标的右侧和下方。我希望它与鼠标光标位于同一位置。我对我的应用程序进行了一些可用性测试,大多数人似乎尝
我正在尝试在生产服务器上的 Django 应用程序中实现 django-avatar。问题是上传图像的表单接受所有类型的文件!这意味着用户还可以上传 file.php。所以,我认为 django-av
我将我的大学元素用于 Ionic -3 我尝试创建示例图像作为头像设置小图标,但是不能正确设置,谁知道如何正确设置这样的 我的 code sample 我的代码
在 Java 8 和 Nashorn 的上下文中,我经常看到两个项目被提及。 Avatar.js和 Project Avatar 这些项目是什么关系? Avatar.js 的文档非常少。据我所知,它提
我刚刚下载了 django-avatar,但出现以下错误: Exception Type: DatabaseError Exception Value: (1146, "Table 'my_app.a
我有一个简单的 mat-card-avatar 布局,它在我的应用程序的许多页面的标题中显示一个圆形图标。我发现在许多页面上(但不是全部,即使使用相同类型的代码)也没有在初始渲染过程中正确渲染 mat
在我的 native 项目中,我使用的是 react-native-elements库渲染一个 Avatar 圆形组件。像下面这样: 上面的代码渲染了一个这样的圆圈: 现在我需要在上面 Avatar
我有这个组件 import React, { FC } from "react"; import { Avatar } from "@material-ui/core"; export interfa
开始变得疯狂,无法找到一种方法来通过 react native 元素在我的头像上制作边框和 borderColor。我做错了什么?这必须有一个简单的解决方案? 最佳答案 您需要添加一个borderW
我创建了Ionic 3 Avatar,我试图让它居中但它不能居中,我不知道为什么不能居中,请帮我解决这个问题看我附上的图片, html CSS .avatars{ ma
我在我的网站中使用 django-avatar (Django 1.4)。然而,今天我得到了这个错误: UnicodeEncodeError:“ascii”编解码器无法对位置 94-100 中的字符进
我认为 C# 中的类构造函数不应返回 null。但是 Unity3D 中 Avatar 类的构造函数返回 null。您不必使用 Unity3D 来产生想法。当它不在语言的定义中时,我问它怎么可能。就算
我只是想添加一个小的圆形个人资料图片,我不希望它在“卡片”中,而这样的东西确实有效: 那个不包含在 中元素,即使它有效,我想知道解决方案的合法性和可能的副作用。那么可以在 mat-card 元
我是一名优秀的程序员,十分优秀!