[英]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.