# 5.12 数字面板（Digital Panel）
数字面板组件，用于展示设备状态数字信息
# 基础用法
<template>
<dof-digital-panel :digital="digitalData"></dof-digital-panel>
</template>
<script>
export default {
data() {
return {
digitalData: { value: '26', unit: '℃' }
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
state | String | N | online | 设备状态 |
digital | Object | N | {} | 数字数据配置 |
position | String | N | static | 定位方式 |
text-color | String | N | '' | 文本颜色 |
panel-top | Number | N | 0 | 面板顶部偏移 |
text-top | Number | N | 0 | 文本顶部偏移 |
needDarkMode | Boolean | N | false | 是否需要暗黑模式适配 ^2.5.5 |