1. 首页
  2. 卡片 Card
  3. card-default 主色默认

卡片 · card-default 主色默认

主色默认卡:整卡填充主题主色,正文建议用 label-white;与 card-total 一样带 12n 色相环轮换,适合仪表盘强调卡/封面块。

主色填充

主色卡头
整卡填充主题主色,正文/数字用白色文字。
第二张
同组第二张自动轮换为 30 度色相。
<div class="row"> <div class="card card-default col-sm-12 col-md-6"> <div class="card-head"><span class="label label-white">主色卡头</span></div> <div class="card-body"><span class="label label-white">正文白色文字</span></div> </div> <div class="card card-default col-sm-12 col-md-6">...</div> </div>

色相环与文字色

与 card-total 相同的 12n hue-rotate 机制,卡须为容器直接兄弟且同组 ≤ 12 个;填充色底上文字用 label-white,不要用 label-index(同色看不清)。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页