100%
开源
MIT
协议
2025
版本
张
张先生
产品非常好用，质量很棒！推荐购买。
2024/01/15
张三
前端开发工程师
拥有5年前端开发经验，专注于React和Vue生态系统。
Design Philosophy
Let users focus on creation and quickly build interfaces
---
import { TeamMember } from "@coffic/cosy-ui";
import peopleImage from "@/assets/people.jpeg";
---
<TeamMember
name="张三"
role="前端工程师"
bio="专注于用户体验设计，热爱创造美好的界面"
avatar={peopleImage}
socialLinks={[
{
platform: 'github',
url: 'https://github.com/example',
},
{
platform: 'twitter',
url: 'https://twitter.com/example',
},
]}
/>
Live Demo
Intuitive demonstration of smart validation effects for a better development experience
<Main px="lg" pl="md" pr="md">
<p>Content</p>
</Main>Main 组件属性冲突
不能同时使用 px 和 pl/pr 属性，因为它们都会设置水平内边距。请只使用其中一种方式。
解决方案：
解决方案：
- 使用 px 设置左右相同的内边距
- 或使用 pl 和 pr 分别设置左右内边距
