[英]Material Ui Avatar add elevation
我尝试将高度(阴影)添加到 MUI Avatar 组件https://material-ui.com/components/avatars/#image-avatars 。
<Avatar alt="Cindy Baker" src="/static/images/avatar/3.jpg" />
paper
或Card
包裹头像会增加半径。
我还尝试使用 makeStyles 和 MUI shadow https://material-ui.com/system/shadows/ boxShadow
Avatar 的 boxShadow,但没有成功。
我已经测试过了,它适用于阴影。 这是我的代码:
import React from 'react'
import { makeStyles } from '@material-ui/styles'
import Avatar from '@material-ui/core/Avatar'
export default () => {
const classes = useClasses()
return (
<Avatar
className={classes.avatar}
alt="Cindy Baker"
src="/static/images/avatar/3.jpg"
/>
)
}
const useClasses = makeStyles(theme => ({
avatar: {
boxShadow: theme.shadows[3],
}
}))
我自己找到了一个替代解决方案:
<Avatar component={Paper} elevation={2}>
<DirectionsCarIcon />
</Avatar>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.