项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。开发迭代中,请勿用于生产环境。
Skip to content
仅桌面端保证样式

ExecCard 高管介绍卡 ​

EvExecCard 为「透明背景半身人物图」设计的团队/高管介绍卡:人物图锚定在渐变舞台底边, 像从卡片里走出来一样,天然兼容抠好图的 PNG。标题用强字距展示体,职务为大写字距小标签。 未传 image 时渲染内置人物剪影占位。

基础用法 ​

三个人物 · 透明 PNG 半身图
image 传透明背景 PNG(人物居中、底部裁切);不传则渲染内置剪影占位。portrait-height 控制舞台高度。

林一舟

创始人 / CEO

连续创业者,负责产品方向与设计语言。

苏晚晴

设计合伙人

主导 Evoke UI 的 Clean Navy 视觉系统与插画语言。

程亦风

工程合伙人

负责渲染层与图表引擎,拥抱 Electron 与离线场景。

vue
<EvExecCard
  name="林一舟"
  role="创始人 / CEO"
  image="/images/ceo.png"
  description="连续创业者,负责产品方向与设计语言。"
/>

API ​

Props ​

属性说明类型默认值
name姓名string''
role职务/头衔(大写字距小标签)string''
description一句话介绍string''
image人物半身图(建议透明背景 PNG)string''
portrait-height人物舞台高度(px)number190
glass磨砂玻璃质感;缺省跟随全局boolean—
blur磨砂强度(px),内联覆盖 --ev-glass-blurstring / number—
saturate磨砂饱和度(倍数),内联覆盖 --ev-glass-saturatestring / number—
tint磨砂底色浓度(%),内联覆盖 --ev-glass-bgstring / number—

插槽 ​

插槽说明
default介绍文字覆写
name / role姓名 / 职务覆写
actions底部动作位(社交链接等)

基于 MIT 许可证发布