feat(cl-input): 添加数字输入精度控制功能
- 新增 precision 属性用于控制数字类型输入框的小数位数 - 实现输入值的精度校验与格式化逻辑 - 添加超出精度限制时的样式提示 - 支持深色模式下的精度超限颜色适配 - 在 demo 页面中增加精度控制示例
This commit is contained in:
@@ -59,6 +59,16 @@
|
||||
</cl-input>
|
||||
</demo-item>
|
||||
|
||||
<demo-item :label="t('保留精度')">
|
||||
<demo-tips>当 type 为 number 时,可设置 precision 属性来保留精度</demo-tips>
|
||||
|
||||
<cl-list-item :label="t('精度')">
|
||||
<cl-input-number v-model="precision"></cl-input-number>
|
||||
</cl-list-item>
|
||||
|
||||
<cl-input type="number" :precision="precision"></cl-input>
|
||||
</demo-item>
|
||||
|
||||
<demo-item :label="t('自定义')">
|
||||
<cl-input
|
||||
v-model="content"
|
||||
@@ -128,6 +138,8 @@ const isRightIcon = ref(false);
|
||||
const isDisabled = ref(false);
|
||||
const isColor = ref(false);
|
||||
|
||||
const precision = ref<number>(2);
|
||||
|
||||
function toAlert() {
|
||||
ui.showToast({
|
||||
message: "Hello"
|
||||
|
||||
Reference in New Issue
Block a user