ak-card 卡片

outline 描边卡片

PREVIEW / CARD/OUTLINEOutline card

LINKING…

SOURCE / HTML

<div class="ak-card ak-card--outline">任务信息将在此处显示。</div>

stripe 条纹卡片

PREVIEW / CARD/STRIPEStripe card

LINKING…

SOURCE / HTML

<div class="ak-card ak-card--stripe"></div>

place 人物放置卡片

增加 tabindex="0" 可以让卡片通过键盘获得焦点，并保持与鼠标按下相同的选中状态。

PREVIEW / CARD/PLACEOperator card

LINKING…

SOURCE / HTML

<div class="ak-card ak-card--place"></div>
<div class="ak-card ak-card--place" style="--ak-card-place-color: var(--ak-color-yellow)"></div>
<div class="ak-card ak-card--place" tabindex="0" style="--ak-card-place-color: var(--ak-color-advanced)"></div>

卡片底部颜色由 --ak-card-place-color 控制。