卡片 · card-radius 圆角
卡片家族
索引
base
cpanel
crumb
full
page
border
radius
api
artic
namecode
imgs
tips
total
default
box
checkbox
form
form-item
form-inpselect
table
pager
multipled
menubar
mode
menus
tabmenu
code
json
template
tab
slide
paginate
tree
toggle
marquee
timeaxis
waterfall
popup
nav
chatbox
drag
choose
progress
roll
圆角刻度卡：
card-radius-1~16 按 0.125rem × N 硬编码（带 !important）。基类 card 已自带 --radius-md（8px）圆角，多数场景无需再加。
刻度示例
radius-6（12px）
radius-10（24px）
radius-16（48px）
<div class="card card-radius-6"><div class="card-body">radius-6（12px）</div></div>
<div class="card card-radius-10"><div class="card-body">radius-10（24px）</div></div>
<div class="card card-radius-16"><div class="card-body">radius-16（48px）</div></div>
| card-radius-1 ~ card-radius-16 | 2px 步进，radius-4 = 8px（同 --radius-md） |
| radius-6 | 12px，历史文档常用档位 |
使用约定
card-cpanel 等基类自带 --radius-md 8px 圆角，无需再加 card-radius-*（本套文档已统一剥离）。确需自定义圆角（如胶囊卡）时，选择器带 !important，可直接覆盖基类。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页