亿企顺AI
统一卡通猫组件

两个标准调用形态

其它项目直接复用同一张猫图资源和同一套尺寸变量,避免各系统重画猫、随意缩放或视觉大小不一致。

展开 AI 面板左上角

外框 96px,猫脸容器 56px。

96 × 96

隐藏 AI 面板后的悬浮猫

外框 144px,猫脸容器 92px;页面左下角的猫可拖动。

144 × 144
/* 展开 AI 面板左上角 */
.assistant-avatar {
  width: 96px;
  height: 96px;
}

.assistant-avatar-cat {
  --cat-size: 56px;
}

/* 隐藏 AI 面板后的悬浮猫 */
.floating-ai-cat {
  width: 144px;
  height: 144px;
}

.floating-ai-cat .foundation-cat-face {
  --cat-size: 92px;
}