金额 展示/交互
组件 ID: money
这是一个标准的 SunForm 展示/交互组件,支持可视化配置与低代码生成。
JSON 配置示例
直接复制以下 JSON 到配置文件中即可使用。
{
"type": "money",
"props": {
"value": 1234.56,
"modelValue": 1234.56,
"digit": 2,
"thousand": false,
"thousandUnit": ",",
"thousandLen": 3,
"symbolText": "¥",
"symbolPosition": "left",
"color": "primary",
"darkColor": "",
"fontSize": "32",
"preFontSize": "32",
"showCn": false,
"remark": "",
"hide": false,
"style": "{}"
}
}
属性配置 (Props)
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
modelValue |
number | 1234.56 | 暂无描述 |
value |
number | 1234.56 | 表单值 / 绑定值 |
digit |
number | 2 | 暂无描述 |
thousand |
boolean | false | 暂无描述 |
thousandUnit |
string | , | 暂无描述 |
thousandLen |
number | 3 | 暂无描述 |
symbolText |
string | ¥ | 暂无描述 |
symbolPosition |
string | left | 暂无描述 |
color |
string | primary | 组件主色调 |
darkColor |
string | - | 颜色值 |
fontSize |
string | 32 | 暂无描述 |
preFontSize |
string | 32 | 暂无描述 |
showCn |
boolean | false | 暂无描述 |
remark |
string | - | 组件备注/说明 |
hide |
boolean | false | 是否隐藏该组件 |
style |
object | {} | 自定义内联样式 CSS |
onCreated |
any | null | 组件创建时触发的事件 |
onMounted |
any | null | 组件挂载后触发的事件 |