我尝试将高程(阴影)添加到 MUI Avatar 组件 https://material-ui.com/components/avatars/#image-avatars .
<Avatar alt="Cindy Baker" src="/static/images/avatar/3.jpg" />
用paper
或Card
包裹头像会增加半径。
我还尝试使用 makeStyles 和 MUI 阴影设置头像的 boxShadow
https://material-ui.com/system/shadows/但没有成功。
最佳答案
我已经测试过了,它适用于阴影。这是我的代码:
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],
}
}))
关于javascript - Material UI头像添加海拔,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62413636/