ak-button-group 按钮组
寻访
LINKING…
SOURCE / HTML
html
<div class="ak-button-group">
<div class="ak-button--with-info">
<div class="ak-button__info">
<svg class="ak-icon" aria-hidden="true"><use href="#icon-sword-line"></use></svg>
×600
</div>
<button class="ak-button ak-button--light">寻访一次</button>
</div>
<div class="ak-button--with-info">
<div class="ak-button__info">
<svg class="ak-icon" aria-hidden="true"><use href="#icon-sword-line"></use></svg>
×6000
</div>
<button class="ak-button ak-button--advanced">寻访十次</button>
</div>
</div>招募
使用 --button-group-bgcolor 覆盖按钮组背景色。
LINKING…
SOURCE / HTML
html
<div class="ak-button-group--total">
<div class="left">
<button class="ak-button">
<svg class="ak-icon" aria-hidden="true"><use href="#icon-shopping-cart-2-line"></use></svg>
<span class="ak-button__label">采购中心</span>
</button>
</div>
<div class="right">
<div class="ak-button-group--action">
<div class="info text-shadow">
<svg class="ak-icon" aria-hidden="true"><use href="#icon-profile-line"></use></svg>
招募
</div>
<div class="button-group">
<button class="ak-button">
<svg class="ak-icon" aria-hidden="true"><use href="#icon-rook"></use></svg>
<span class="ak-button__label">公开招募</span>
</button>
<button class="ak-button">
<svg class="ak-icon" aria-hidden="true"><use href="#icon-search-line"></use></svg>
<span class="ak-button__label">干员寻访</span>
</button>
</div>
</div>
</div>
</div>基建
LINKING…
SOURCE / HTML
html
<div class="ak-button-group with-small">
<button class="ak-button ak-button--card">
<svg class="ak-icon" aria-hidden="true"><use href="#icon-qr-code-line"></use></svg>
<span class="label">基建</span>
<span class="subtitle">BETA</span>
</button>
<button class="small">
<span class="label">仓库</span>
<svg class="ak-icon" aria-hidden="true"><use href="#icon-database-line"></use></svg>
</button>
</div>