javascript - Material UI头像添加海拔

Question

我尝试将高程(阴影)添加到 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/但没有成功。

Answer 1

我已经测试过了，它适用于阴影。这是我的代码:

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],
    }
}))