Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
data-table
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Graphs
Network
Create a new issue
Commits
Issue Boards
Authored by
hookehuyr
2023-02-09 15:57:48 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
97f84a9a7cd8a0286173adb003029f0ad77b7980
97f84a9a
1 parent
da4353a6
✨ feat(数字/电话/时间日期控件): 录入数据文字颜色修改为黑色
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
28 additions
and
13 deletions
src/components/DatePickerField/index.vue
src/components/DateTimePickerField/index.vue
src/components/NumberField/index.vue
src/components/PhoneField/index.vue
src/components/TimePickerField/index.vue
src/components/DatePickerField/index.vue
View file @
97f84a9
...
...
@@ -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>
...
...
src/components/DateTimePickerField/index.vue
View file @
97f84a9
...
...
@@ -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>
...
...
src/components/NumberField/index.vue
View file @
97f84a9
<!--
* @Date: 2022-09-14 14:44:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-02-0
7 10:39:14
* @LastEditTime: 2023-02-0
9 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) {
...
...
src/components/PhoneField/index.vue
View file @
97f84a9
<!--
* @Date: 2022-09-02 10:46:03
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 202
2-12-29 11:39:40
* @LastEditTime: 202
3-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>
...
...
src/components/TimePickerField/index.vue
View file @
97f84a9
<!--
* @Date: 2022-08-31 11:45:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-02-0
8 14:59:28
* @LastEditTime: 2023-02-0
9 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>
...
...
Please
register
or
login
to post a comment