hookehuyr

✨ feat(数字/电话/时间日期控件): 录入数据文字颜色修改为黑色

......@@ -17,7 +17,7 @@
readonly
:name="item.key"
:required="item.component_props.required"
disabled="item.component_props.readonly"
:disabled="item.component_props.readonly"
:placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择日期'"
:rules="rules"
@click="onTap"
......@@ -162,5 +162,8 @@ const rules = [{ validator, message: validatorMessage }];
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
margin-top: 0.5rem;
input {
color: #323233;
}
}
</style>
......
......@@ -17,7 +17,7 @@
readonly
:name="item.key"
:required="item.component_props.required"
disabled="item.component_props.readonly"
:disabled="item.component_props.readonly"
:placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择日期时间'"
:rules="rules"
@click="onTap"
......@@ -209,5 +209,8 @@ const rules = [{ validator, message: validatorMessage }];
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
margin-top: 0.5rem;
input {
color: #323233;
}
}
</style>
......
<!--
* @Date: 2022-09-14 14:44:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-02-07 10:39:14
* @LastEditTime: 2023-02-09 15:54:02
* @FilePath: /data-table/src/components/NumberField/index.vue
* @Description: 数字输入框
-->
......@@ -23,7 +23,7 @@
:placeholder="item.component_props.placeholder"
:rules="rules"
:required="item.component_props.required"
disabled="item.component_props.readonly"
:disabled="item.component_props.readonly"
readonly
@touchstart.stop="showKeyboard($event)"
:border="false"
......@@ -190,6 +190,9 @@ const onDelete = () => {};
border: 1px solid #eaeaea;
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
input {
color: #323233;
}
}
:deep(.van-number-keyboard__title) {
......
<!--
* @Date: 2022-09-02 10:46:03
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-12-29 11:39:40
* @LastEditTime: 2023-02-09 15:55:56
* @FilePath: /data-table/src/components/PhoneField/index.vue
* @Description: 手机输入框
-->
......@@ -20,7 +20,7 @@
:placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请输入手机号码'"
:rules="rules"
:required="item.component_props.required"
disabled="item.component_props.readonly"
:disabled="item.component_props.readonly"
:readonly="readonly"
@touchstart.stop="openKeyboard($event)"
:border="false"
......@@ -147,11 +147,14 @@ const blurKeyboard = () => {
color: red;
}
}
}
:deep(.van-field__body) {
border: 1px solid #eaeaea;
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
:deep(.van-field__body) {
border: 1px solid #eaeaea;
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
input {
color: #323233;
}
}
}
</style>
......
<!--
* @Date: 2022-08-31 11:45:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-02-08 14:59:28
* @LastEditTime: 2023-02-09 15:56:45
* @FilePath: /data-table/src/components/TimePickerField/index.vue
* @Description: 时间选择组件
-->
......@@ -17,7 +17,7 @@
readonly
:name="item.key"
:required="item.component_props.required"
disabled="item.component_props.readonly"
:disabled="item.component_props.readonly"
:placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择时间'"
:rules="rules"
@click="onTap"
......@@ -141,5 +141,8 @@ const rules = [{ validator, message: validatorMessage }];
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
margin-top: 0.5rem;
input {
color: #323233;
}
}
</style>
......