Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
97f84a9a 1 parent da4353a6

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

Inline Side-by-side
Showing 5 changed files with 25 additions and 10 deletions
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 readonly 17 readonly
18 :name="item.key" 18 :name="item.key"
19 :required="item.component_props.required" 19 :required="item.component_props.required"
20 - disabled="item.component_props.readonly" 20 + :disabled="item.component_props.readonly"
21 :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择日期'" 21 :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择日期'"
22 :rules="rules" 22 :rules="rules"
23 @click="onTap" 23 @click="onTap"
...@@ -162,5 +162,8 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -162,5 +162,8 @@ const rules = [{ validator, message: validatorMessage }];
162 border-radius: 0.25rem; 162 border-radius: 0.25rem;
163 padding: 0.25rem 0.5rem; 163 padding: 0.25rem 0.5rem;
164 margin-top: 0.5rem; 164 margin-top: 0.5rem;
165 + input {
166 + color: #323233;
167 + }
165 } 168 }
166 </style> 169 </style>
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 readonly 17 readonly
18 :name="item.key" 18 :name="item.key"
19 :required="item.component_props.required" 19 :required="item.component_props.required"
20 - disabled="item.component_props.readonly" 20 + :disabled="item.component_props.readonly"
21 :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择日期时间'" 21 :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择日期时间'"
22 :rules="rules" 22 :rules="rules"
23 @click="onTap" 23 @click="onTap"
...@@ -209,5 +209,8 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -209,5 +209,8 @@ const rules = [{ validator, message: validatorMessage }];
209 border-radius: 0.25rem; 209 border-radius: 0.25rem;
210 padding: 0.25rem 0.5rem; 210 padding: 0.25rem 0.5rem;
211 margin-top: 0.5rem; 211 margin-top: 0.5rem;
212 + input {
213 + color: #323233;
214 + }
212 } 215 }
213 </style> 216 </style>
......
1 <!-- 1 <!--
2 * @Date: 2022-09-14 14:44:30 2 * @Date: 2022-09-14 14:44:30
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-02-07 10:39:14 4 + * @LastEditTime: 2023-02-09 15:54:02
5 * @FilePath: /data-table/src/components/NumberField/index.vue 5 * @FilePath: /data-table/src/components/NumberField/index.vue
6 * @Description: 数字输入框 6 * @Description: 数字输入框
7 --> 7 -->
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 :placeholder="item.component_props.placeholder" 23 :placeholder="item.component_props.placeholder"
24 :rules="rules" 24 :rules="rules"
25 :required="item.component_props.required" 25 :required="item.component_props.required"
26 - disabled="item.component_props.readonly" 26 + :disabled="item.component_props.readonly"
27 readonly 27 readonly
28 @touchstart.stop="showKeyboard($event)" 28 @touchstart.stop="showKeyboard($event)"
29 :border="false" 29 :border="false"
...@@ -190,6 +190,9 @@ const onDelete = () => {}; ...@@ -190,6 +190,9 @@ const onDelete = () => {};
190 border: 1px solid #eaeaea; 190 border: 1px solid #eaeaea;
191 border-radius: 0.25rem; 191 border-radius: 0.25rem;
192 padding: 0.25rem 0.5rem; 192 padding: 0.25rem 0.5rem;
193 + input {
194 + color: #323233;
195 + }
193 } 196 }
194 197
195 :deep(.van-number-keyboard__title) { 198 :deep(.van-number-keyboard__title) {
......
1 <!-- 1 <!--
2 * @Date: 2022-09-02 10:46:03 2 * @Date: 2022-09-02 10:46:03
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-12-29 11:39:40 4 + * @LastEditTime: 2023-02-09 15:55:56
5 * @FilePath: /data-table/src/components/PhoneField/index.vue 5 * @FilePath: /data-table/src/components/PhoneField/index.vue
6 * @Description: 手机输入框 6 * @Description: 手机输入框
7 --> 7 -->
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
20 :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请输入手机号码'" 20 :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请输入手机号码'"
21 :rules="rules" 21 :rules="rules"
22 :required="item.component_props.required" 22 :required="item.component_props.required"
23 - disabled="item.component_props.readonly" 23 + :disabled="item.component_props.readonly"
24 :readonly="readonly" 24 :readonly="readonly"
25 @touchstart.stop="openKeyboard($event)" 25 @touchstart.stop="openKeyboard($event)"
26 :border="false" 26 :border="false"
...@@ -147,11 +147,14 @@ const blurKeyboard = () => { ...@@ -147,11 +147,14 @@ const blurKeyboard = () => {
147 color: red; 147 color: red;
148 } 148 }
149 } 149 }
150 -}
151 150
152 -:deep(.van-field__body) { 151 + :deep(.van-field__body) {
153 border: 1px solid #eaeaea; 152 border: 1px solid #eaeaea;
154 border-radius: 0.25rem; 153 border-radius: 0.25rem;
155 padding: 0.25rem 0.5rem; 154 padding: 0.25rem 0.5rem;
155 + input {
156 + color: #323233;
157 + }
158 + }
156 } 159 }
157 </style> 160 </style>
......
1 <!-- 1 <!--
2 * @Date: 2022-08-31 11:45:30 2 * @Date: 2022-08-31 11:45:30
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-02-08 14:59:28 4 + * @LastEditTime: 2023-02-09 15:56:45
5 * @FilePath: /data-table/src/components/TimePickerField/index.vue 5 * @FilePath: /data-table/src/components/TimePickerField/index.vue
6 * @Description: 时间选择组件 6 * @Description: 时间选择组件
7 --> 7 -->
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 readonly 17 readonly
18 :name="item.key" 18 :name="item.key"
19 :required="item.component_props.required" 19 :required="item.component_props.required"
20 - disabled="item.component_props.readonly" 20 + :disabled="item.component_props.readonly"
21 :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择时间'" 21 :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择时间'"
22 :rules="rules" 22 :rules="rules"
23 @click="onTap" 23 @click="onTap"
...@@ -141,5 +141,8 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -141,5 +141,8 @@ const rules = [{ validator, message: validatorMessage }];
141 border-radius: 0.25rem; 141 border-radius: 0.25rem;
142 padding: 0.25rem 0.5rem; 142 padding: 0.25rem 0.5rem;
143 margin-top: 0.5rem; 143 margin-top: 0.5rem;
144 + input {
145 + color: #323233;
146 + }
144 } 147 }
145 </style> 148 </style>
......