<AvatarChip
size={["5.2rem", "3.9rem", "2.6rem", "1.8rem"]}
labelSize={["4rem", "3rem", "2rem", "1.5rem"]} /
personName={"bob"}
/>
<AvatarChip
size={["4rem", "3rem", "2rem", "5rem"]}
personName={"mike"}
bgColor="lightgreen"
avatarProps={{ onClick: function (e) { e.stopPropagation(); setLabelOn(pre=>!pre) } }}
src="https://picsum.photos/200/300"
labelOn={labelOn}
lift={10}
/>
mike
<AvatarChip
labelSize={["4rem", "3rem", "2rem", "1.5rem"]}
personName={"mike"}
onClick={function () { alert("hello mike") }}
avatarProps={{ onClick: function (e) { e.stopPropagation(); alert("hi") } }}
src="https://picsum.photos/200/300"
logoOn={false}
/>
06355 马小帅
银行总行法律合规部
<AvatarChip
size={["1rem", "2rem", "3rem", "4rem", "5rem"]}
personName={"毛fdsdsdsdsdsd帅"}
style={{ backgroundColor: "skyblue", color: "blue" }}
onClick={function () { alert("clicked") }}
avatarProps={{ onClick: function (e) { e.stopPropagation(); alert("hi") } }}
src="https://picsum.photos/200/300"
label={
<TwoLineLabel lineTop="06355 马小帅" lineDown="银行总行法律合规部" />
}
hoverContent={
<>
<AvatarChip
size={["1rem", "2rem", "3rem", "4rem", "5rem"]}
personName={"毛fdsdsdsdsdsd帅"}
style={{ backgroundColor: "skyblue", color: "blue" }}
onClick={function () { alert("clicked") }}
avatarProps={{ onClick: function (e) { e.stopPropagation(); alert("hi") } }}
// src="https://picsum.photos/200/300"
label={
<TwoLineLabel lineTop="06355 马小帅" lineDown="银行总行法律合规部" />
}
/>
</>
}
/>