# 5.15 数字卡片行(Numcard Row)
数字卡片行组件,用于组织数字卡片列
# 基础用法
<template>
<dof-numcard-row>
<dof-numcard-col></dof-numcard-col>
<dof-numcard-col></dof-numcard-col>
</dof-numcard-row>
</template>
1
2
3
4
5
6
2
3
4
5
6
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
border-right-padding | Number | N | 32 | 右侧边框内边距 |
border-bottom-padding | Number | N | 40 | 底部边框内边距 |
is-show-border-right | Boolean | N | true | 是否显示右侧边框 |
is-show-border-bottom | Boolean | N | false | 是否显示底部边框 |
is-show-delta | Boolean | N | false | 是否显示变化标识 |
bg-color | String | N | '' | 背景颜色 |
need-dark-mode | Boolean | N | false | 是否启用 M-dark/T-dark 内置暗黑适配 |
border-color | String | N | '' | 边框 / 分隔线颜色 |
设置 :need-dark-mode="true" 可启用内置暗黑配色,主题初始化与构建配置见 接入说明。
颜色属性为空时使用内置配色;业务显式颜色和样式覆盖优先于默认配色,关闭暗黑适配后仍有效。
borderColor 同时作用于列分隔线;数字卡列默认继承父级暗黑开关。
# Slots
| 插槽名 | 说明 |
|---|---|
| default | 放置 Numcard Col 组件 |
# 使用说明
当前版本不支持通过 padding-horizontal 设置水平内边距。