Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
dfe958be 1 parent a931b520

表单样式统一修改,详情页表单的border去掉

Inline Side-by-side
Showing 23 changed files with 60 additions and 78 deletions
1 <!-- 1 <!--
2 * @Date: 2023-03-28 15:38:09 2 * @Date: 2023-03-28 15:38:09
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-03-28 16:10:58 4 + * @LastEditTime: 2024-08-03 20:34:02
5 * @FilePath: /data-table/src/components/AppointmentField/MyComponent.vue 5 * @FilePath: /data-table/src/components/AppointmentField/MyComponent.vue
6 * @Description: 自定义组件 6 * @Description: 自定义组件
7 --> 7 -->
...@@ -81,7 +81,7 @@ useCustomFieldValue(() => picker_value.value); ...@@ -81,7 +81,7 @@ useCustomFieldValue(() => picker_value.value);
81 <style lang="less" scoped> 81 <style lang="less" scoped>
82 82
83 :deep(.van-cell--clickable) { 83 :deep(.van-cell--clickable) {
84 - border: 1px solid #eaeaea; 84 + border: var(--border-style);
85 border-radius: 0.25rem; 85 border-radius: 0.25rem;
86 padding: 0.25rem 0.5rem; 86 padding: 0.25rem 0.5rem;
87 margin-top: 0.5rem; 87 margin-top: 0.5rem;
......
1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-03-29 13:10:16 4 + * @LastEditTime: 2024-08-03 20:34:12
5 * @FilePath: /data-table/src/components/AppointmentField/index.vue 5 * @FilePath: /data-table/src/components/AppointmentField/index.vue
6 * @Description: 预约时间控件 6 * @Description: 预约时间控件
7 --> 7 -->
...@@ -72,10 +72,4 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -72,10 +72,4 @@ const rules = [{ validator, message: validatorMessage }];
72 } 72 }
73 } 73 }
74 } 74 }
75 -
76 -// :deep(.van-field__body) {
77 -// border: 1px solid #eaeaea;
78 -// border-radius: 0.25rem;
79 -// padding: 0.25rem 0.5rem;
80 -// }
81 </style> 75 </style>
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 11:34:19 2 * @Date: 2022-08-30 11:34:19
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-07-19 16:55:56 4 + * @LastEditTime: 2024-08-03 20:34:28
5 * @FilePath: /data-table/src/components/CheckboxField/index.vue 5 * @FilePath: /data-table/src/components/CheckboxField/index.vue
6 * @Description: 多项选择控件 6 * @Description: 多项选择控件
7 --> 7 -->
...@@ -169,23 +169,17 @@ onMounted(() => { ...@@ -169,23 +169,17 @@ onMounted(() => {
169 } 169 }
170 170
171 .checkbox-wrapper { 171 .checkbox-wrapper {
172 - border: 1px solid #eaeaea; 172 + border: var(--border-style);
173 border-radius: 0.25rem; 173 border-radius: 0.25rem;
174 padding: 0.25rem 0.5rem; 174 padding: 0.25rem 0.5rem;
175 margin-bottom: 0.25rem; 175 margin-bottom: 0.25rem;
176 } 176 }
177 .affix-input { 177 .affix-input {
178 - border: 1px solid #eaeaea; 178 + border: var(--border-style);
179 border-radius: 0.25rem; 179 border-radius: 0.25rem;
180 padding: 0.25rem 0.5rem; 180 padding: 0.25rem 0.5rem;
181 margin-top: 0.5rem; 181 margin-top: 0.5rem;
182 margin-bottom: 0.25rem; 182 margin-bottom: 0.25rem;
183 } 183 }
184 } 184 }
185 -
186 -:deep(.van-checkbox) {
187 - // border: 1px solid #eaeaea;
188 - // border-radius: 0.25rem;
189 - // padding: 0.25rem 0.5rem;
190 -}
191 </style> 185 </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: 2024-06-13 17:52:57 4 + * @LastEditTime: 2024-08-03 20:34:51
5 * @FilePath: /data-table/src/components/DatePickerField/index.vue 5 * @FilePath: /data-table/src/components/DatePickerField/index.vue
6 * @Description: 日期选择组件 6 * @Description: 日期选择组件
7 --> 7 -->
...@@ -160,7 +160,7 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -160,7 +160,7 @@ const rules = [{ validator, message: validatorMessage }];
160 } 160 }
161 161
162 :deep(.van-cell--clickable) { 162 :deep(.van-cell--clickable) {
163 - border: 1px solid #eaeaea; 163 + border: var(--border-style);
164 border-radius: 0.25rem; 164 border-radius: 0.25rem;
165 padding: 0.25rem 0.5rem; 165 padding: 0.25rem 0.5rem;
166 margin-top: 0.5rem; 166 margin-top: 0.5rem;
......
1 <!-- 1 <!--
2 * @Date: 2022-09-08 15:02:45 2 * @Date: 2022-09-08 15:02:45
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-06-13 18:22:45 4 + * @LastEditTime: 2024-08-03 20:34:57
5 * @FilePath: /data-table/src/components/DateTimePickerField/index.vue 5 * @FilePath: /data-table/src/components/DateTimePickerField/index.vue
6 * @Description: 日期时间选择器 6 * @Description: 日期时间选择器
7 --> 7 -->
...@@ -207,7 +207,7 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -207,7 +207,7 @@ const rules = [{ validator, message: validatorMessage }];
207 } 207 }
208 208
209 :deep(.van-cell--clickable) { 209 :deep(.van-cell--clickable) {
210 - border: 1px solid #eaeaea; 210 + border: var(--border-style);
211 border-radius: 0.25rem; 211 border-radius: 0.25rem;
212 padding: 0.25rem 0.5rem; 212 padding: 0.25rem 0.5rem;
213 margin-top: 0.5rem; 213 margin-top: 0.5rem;
......
1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-01-18 15:58:11 4 + * @LastEditTime: 2024-08-03 20:35:02
5 * @FilePath: /data-table/src/components/EmailField/index.vue 5 * @FilePath: /data-table/src/components/EmailField/index.vue
6 * @Description: 邮箱输入框 6 * @Description: 邮箱输入框
7 --> 7 -->
...@@ -73,7 +73,7 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -73,7 +73,7 @@ const rules = [{ validator, message: validatorMessage }];
73 } 73 }
74 74
75 :deep(.van-field__body) { 75 :deep(.van-field__body) {
76 - border: 1px solid #eaeaea; 76 + border: var(--border-style);
77 border-radius: 0.25rem; 77 border-radius: 0.25rem;
78 padding: 0.25rem 0.5rem; 78 padding: 0.25rem 0.5rem;
79 } 79 }
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 11:34:19 2 * @Date: 2022-08-30 11:34:19
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-07-31 10:42:04 4 + * @LastEditTime: 2024-08-03 20:35:08
5 * @FilePath: /data-table/src/components/GenderField/index.vue 5 * @FilePath: /data-table/src/components/GenderField/index.vue
6 * @Description: 性别选择控件 6 * @Description: 性别选择控件
7 --> 7 -->
...@@ -88,7 +88,7 @@ const onChange = (item) => { ...@@ -88,7 +88,7 @@ const onChange = (item) => {
88 white-space: pre-wrap; 88 white-space: pre-wrap;
89 } 89 }
90 .radio-wrapper { 90 .radio-wrapper {
91 - border: 1px solid #eaeaea; 91 + border: var(--border-style);
92 border-radius: 0.25rem; 92 border-radius: 0.25rem;
93 padding: 0.25rem 0.5rem; 93 padding: 0.25rem 0.5rem;
94 margin-bottom: 0.25rem; 94 margin-bottom: 0.25rem;
......
1 <!-- 1 <!--
2 * @Date: 2024-05-27 14:28:57 2 * @Date: 2024-05-27 14:28:57
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-06-03 17:22:17 4 + * @LastEditTime: 2024-08-03 20:35:14
5 * @FilePath: /data-table/src/components/GroupField/index.vue 5 * @FilePath: /data-table/src/components/GroupField/index.vue
6 * @Description: 组集合输入控件 6 * @Description: 组集合输入控件
7 --> 7 -->
...@@ -155,7 +155,7 @@ const onActive = (item) => { ...@@ -155,7 +155,7 @@ const onActive = (item) => {
155 white-space: pre-wrap; 155 white-space: pre-wrap;
156 } 156 }
157 .radio-wrapper { 157 .radio-wrapper {
158 - border: 1px solid #eaeaea; 158 + border: var(--border-style);
159 border-radius: 0.25rem; 159 border-radius: 0.25rem;
160 padding: 0.25rem 0.5rem; 160 padding: 0.25rem 0.5rem;
161 margin-bottom: 0.25rem; 161 margin-bottom: 0.25rem;
......
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: 2024-07-26 22:37:11 4 + * @LastEditTime: 2024-08-03 20:35:18
5 * @FilePath: /data-table/src/components/IdentityField/index.vue 5 * @FilePath: /data-table/src/components/IdentityField/index.vue
6 * @Description: 身份证输入控件 6 * @Description: 身份证输入控件
7 --> 7 -->
...@@ -221,7 +221,7 @@ const getGenderByIdNumber = (idNumber) => { ...@@ -221,7 +221,7 @@ const getGenderByIdNumber = (idNumber) => {
221 } 221 }
222 222
223 :deep(.van-field__body) { 223 :deep(.van-field__body) {
224 - border: 1px solid #eaeaea; 224 + border: var(--border-style);
225 border-radius: 0.25rem; 225 border-radius: 0.25rem;
226 padding: 0.25rem 0.5rem; 226 padding: 0.25rem 0.5rem;
227 } 227 }
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 11:34:19 2 * @Date: 2022-08-30 11:34:19
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-06-17 13:29:52 4 + * @LastEditTime: 2024-08-03 20:35:26
5 * @FilePath: /data-table/src/components/MultiRuleField/index.vue 5 * @FilePath: /data-table/src/components/MultiRuleField/index.vue
6 * @Description: 多选规则确认控件 6 * @Description: 多选规则确认控件
7 --> 7 -->
...@@ -167,7 +167,7 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -167,7 +167,7 @@ const rules = [{ validator, message: validatorMessage }];
167 } 167 }
168 } 168 }
169 .multi-rule-field-box { 169 .multi-rule-field-box {
170 - border: 1px solid #eaeaea; 170 + border: var(--border-style);
171 border-radius: 0.25rem; 171 border-radius: 0.25rem;
172 padding: 1rem 0.5rem 0 0.5rem; 172 padding: 1rem 0.5rem 0 0.5rem;
173 // width: 100vw; 173 // width: 100vw;
......
1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-05-27 17:47:52 4 + * @LastEditTime: 2024-08-03 20:27:38
5 * @FilePath: /data-table/src/components/NameField/index.vue 5 * @FilePath: /data-table/src/components/NameField/index.vue
6 * @Description: 姓名输入框 6 * @Description: 姓名输入框
7 --> 7 -->
...@@ -21,6 +21,7 @@ ...@@ -21,6 +21,7 @@
21 :readonly="item.component_props.readonly" 21 :readonly="item.component_props.readonly"
22 :disabled="item.component_props.disabled" 22 :disabled="item.component_props.disabled"
23 :input-align="item.component_props.align" 23 :input-align="item.component_props.align"
24 + :border="false"
24 /> 25 />
25 </div> 26 </div>
26 </template> 27 </template>
...@@ -76,7 +77,7 @@ onMounted(() => { ...@@ -76,7 +77,7 @@ onMounted(() => {
76 } 77 }
77 78
78 :deep(.van-field__body) { 79 :deep(.van-field__body) {
79 - border: 1px solid #eaeaea; 80 + border: var(--border-style);
80 border-radius: 0.25rem; 81 border-radius: 0.25rem;
81 padding: 0.25rem 0.5rem; 82 padding: 0.25rem 0.5rem;
82 } 83 }
......
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: 2024-07-31 14:36:50 4 + * @LastEditTime: 2024-08-03 20:35:32
5 * @FilePath: /data-table/src/components/NumberField/index.vue 5 * @FilePath: /data-table/src/components/NumberField/index.vue
6 * @Description: 数字输入框 6 * @Description: 数字输入框
7 --> 7 -->
...@@ -193,7 +193,7 @@ const onDelete = () => {}; ...@@ -193,7 +193,7 @@ const onDelete = () => {};
193 } 193 }
194 194
195 :deep(.van-field__body) { 195 :deep(.van-field__body) {
196 - border: 1px solid #eaeaea; 196 + border: var(--border-style);
197 border-radius: 0.25rem; 197 border-radius: 0.25rem;
198 padding: 0.25rem 0.5rem; 198 padding: 0.25rem 0.5rem;
199 input { 199 input {
......
1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-07-30 16:51:42 4 + * @LastEditTime: 2024-08-03 20:35:36
5 * @FilePath: /data-table/src/components/OrgPickerField/MyComponent.vue 5 * @FilePath: /data-table/src/components/OrgPickerField/MyComponent.vue
6 * @Description: 树形组件 6 * @Description: 树形组件
7 --> 7 -->
...@@ -709,7 +709,7 @@ useCustomFieldValue(() => tree_select_value.value); ...@@ -709,7 +709,7 @@ useCustomFieldValue(() => tree_select_value.value);
709 } 709 }
710 710
711 :deep(.van-field__body) { 711 :deep(.van-field__body) {
712 - border: 1px solid #eaeaea; 712 + border: var(--border-style);
713 border-radius: 0.25rem; 713 border-radius: 0.25rem;
714 padding: 0.25rem 0.5rem; 714 padding: 0.25rem 0.5rem;
715 } 715 }
......
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: 2024-06-06 16:58:14 4 + * @LastEditTime: 2024-08-03 20:35:41
5 * @FilePath: /data-table/src/components/PhoneField/index.vue 5 * @FilePath: /data-table/src/components/PhoneField/index.vue
6 * @Description: 手机输入框 6 * @Description: 手机输入框
7 --> 7 -->
...@@ -167,7 +167,7 @@ const blurKeyboard = () => { ...@@ -167,7 +167,7 @@ const blurKeyboard = () => {
167 } 167 }
168 168
169 :deep(.van-field__body) { 169 :deep(.van-field__body) {
170 - border: 1px solid #eaeaea; 170 + border: var(--border-style);
171 border-radius: 0.25rem; 171 border-radius: 0.25rem;
172 padding: 0.25rem 0.5rem; 172 padding: 0.25rem 0.5rem;
173 input { 173 input {
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 13:46:51 2 * @Date: 2022-08-30 13:46:51
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-07-26 22:16:14 4 + * @LastEditTime: 2024-08-03 20:35:47
5 * @FilePath: /data-table/src/components/PickerField/index.vue 5 * @FilePath: /data-table/src/components/PickerField/index.vue
6 * @Description: 单列选择器组件 6 * @Description: 单列选择器组件
7 --> 7 -->
...@@ -61,7 +61,7 @@ const onActive = (val) => { ...@@ -61,7 +61,7 @@ const onActive = (val) => {
61 } 61 }
62 62
63 :deep(.van-cell--clickable) { 63 :deep(.van-cell--clickable) {
64 - border: 1px solid #eaeaea; 64 + border: var(--border-style);
65 border-radius: 0.25rem; 65 border-radius: 0.25rem;
66 padding: 0.25rem 0.5rem; 66 padding: 0.25rem 0.5rem;
67 margin-top: 0.5rem; 67 margin-top: 0.5rem;
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 11:34:19 2 * @Date: 2022-08-30 11:34:19
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-07-31 10:41:40 4 + * @LastEditTime: 2024-08-03 20:35:59
5 * @FilePath: /data-table/src/components/RadioField/index.vue 5 * @FilePath: /data-table/src/components/RadioField/index.vue
6 * @Description: 单项选择控件 6 * @Description: 单项选择控件
7 --> 7 -->
...@@ -190,13 +190,13 @@ const rule_content = ref(""); ...@@ -190,13 +190,13 @@ const rule_content = ref("");
190 } 190 }
191 191
192 .radio-wrapper { 192 .radio-wrapper {
193 - border: 1px solid #eaeaea; 193 + border: var(--border-style);
194 border-radius: 0.25rem; 194 border-radius: 0.25rem;
195 padding: 0.25rem 0.5rem; 195 padding: 0.25rem 0.5rem;
196 margin-bottom: 0.25rem; 196 margin-bottom: 0.25rem;
197 } 197 }
198 .affix-input { 198 .affix-input {
199 - border: 1px solid #eaeaea; 199 + border: var(--border-style);
200 border-radius: 0.25rem; 200 border-radius: 0.25rem;
201 padding: 0.25rem 0.5rem; 201 padding: 0.25rem 0.5rem;
202 margin-top: 0.5rem; 202 margin-top: 0.5rem;
...@@ -237,16 +237,10 @@ const rule_content = ref(""); ...@@ -237,16 +237,10 @@ const rule_content = ref("");
237 } 237 }
238 } 238 }
239 .multi-rule-field-box { 239 .multi-rule-field-box {
240 - border: 1px solid #eaeaea; 240 + border: var(--border-style);
241 border-radius: 0.25rem; 241 border-radius: 0.25rem;
242 padding: 1rem 0.5rem 0 0.5rem; 242 padding: 1rem 0.5rem 0 0.5rem;
243 // width: 100vw; 243 // width: 100vw;
244 margin-bottom: 0.5rem; 244 margin-bottom: 0.5rem;
245 } 245 }
246 -
247 -:deep(.van-radio) {
248 - // border: 1px solid #eaeaea;
249 - // border-radius: 0.25rem;
250 - // padding: 0.25rem 0.5rem;
251 -}
252 </style> 246 </style>
......
1 <!-- 1 <!--
2 * @Date: 2023-03-29 17:44:24 2 * @Date: 2023-03-29 17:44:24
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-06-17 16:46:50 4 + * @LastEditTime: 2024-08-03 20:36:11
5 * @FilePath: /data-table/src/components/SignField/MyComponent.vue 5 * @FilePath: /data-table/src/components/SignField/MyComponent.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -254,7 +254,7 @@ defineExpose({ handleReset, show_control }); ...@@ -254,7 +254,7 @@ defineExpose({ handleReset, show_control });
254 box-sizing: border-box; 254 box-sizing: border-box;
255 255
256 .sign-wrapper { 256 .sign-wrapper {
257 - border: 1px solid #eaeaea; 257 + border: var(--border-style);
258 border-radius: 5px; 258 border-radius: 5px;
259 background: #fcfcfc !important; 259 background: #fcfcfc !important;
260 } 260 }
......
1 <!-- 1 <!--
2 * @Date: 2024-07-12 13:28:27 2 * @Date: 2024-07-12 13:28:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-08-01 17:54:41 4 + * @LastEditTime: 2024-08-02 13:51:12
5 * @FilePath: /data-table/src/components/TEditor/index.vue 5 * @FilePath: /data-table/src/components/TEditor/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -206,7 +206,6 @@ const tinymceOptions = { ...@@ -206,7 +206,6 @@ const tinymceOptions = {
206 // plugins: 'searchreplace autoresize link image code', 206 // plugins: 'searchreplace autoresize link image code',
207 plugins: 'searchreplace autoresize link image code table', 207 plugins: 'searchreplace autoresize link image code table',
208 autoresize_bottom_margin: 100, 208 autoresize_bottom_margin: 100,
209 - image_title: true,
210 menubar: 'edit view insert format tools', 209 menubar: 'edit view insert format tools',
211 // fontselect fontsizeselect 210 // fontselect fontsizeselect
212 toolbar: 'table', // 工具栏显示 211 toolbar: 'table', // 工具栏显示
......
1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-08-01 11:50:02 4 + * @LastEditTime: 2024-08-03 20:36:31
5 * @FilePath: /data-table/src/components/TextField/index.vue 5 * @FilePath: /data-table/src/components/TextField/index.vue
6 * @Description: 单行文本输入框(微信扫描功能) 6 * @Description: 单行文本输入框(微信扫描功能)
7 --> 7 -->
...@@ -126,7 +126,7 @@ const clickRightIcon = async () => { ...@@ -126,7 +126,7 @@ const clickRightIcon = async () => {
126 } 126 }
127 127
128 :deep(.van-field__body) { 128 :deep(.van-field__body) {
129 - border: 1px solid #eaeaea; 129 + border: var(--border-style);
130 border-radius: 0.25rem; 130 border-radius: 0.25rem;
131 padding: 0.25rem 0.5rem; 131 padding: 0.25rem 0.5rem;
132 } 132 }
......
1 <!-- 1 <!--
2 * @Date: 2022-08-29 14:31:20 2 * @Date: 2022-08-29 14:31:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-07-26 22:13:05 4 + * @LastEditTime: 2024-08-03 20:36:23
5 * @FilePath: /data-table/src/components/TextareaField/index.vue 5 * @FilePath: /data-table/src/components/TextareaField/index.vue
6 * @Description: 多行文本输入框 6 * @Description: 多行文本输入框
7 --> 7 -->
...@@ -65,13 +65,8 @@ onMounted(() => { ...@@ -65,13 +65,8 @@ onMounted(() => {
65 } 65 }
66 } 66 }
67 67
68 -// :deep(.van-field__body) {
69 - // border: 1px solid #eaeaea;
70 - // border-radius: 0.25rem;
71 - // padding: 0.25rem 0.5rem;
72 -// }
73 :deep(.van-cell__value) { 68 :deep(.van-cell__value) {
74 - border: 1px solid #eaeaea; 69 + border: var(--border-style);
75 border-radius: 0.25rem; 70 border-radius: 0.25rem;
76 padding: 0.25rem 0.5rem; 71 padding: 0.25rem 0.5rem;
77 } 72 }
......
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: 2024-06-13 15:54:33 4 + * @LastEditTime: 2024-08-03 20:36:39
5 * @FilePath: /data-table/src/components/TimePickerField/index.vue 5 * @FilePath: /data-table/src/components/TimePickerField/index.vue
6 * @Description: 时间选择组件 6 * @Description: 时间选择组件
7 --> 7 -->
...@@ -139,7 +139,7 @@ const rules = [{ validator, message: validatorMessage }]; ...@@ -139,7 +139,7 @@ const rules = [{ validator, message: validatorMessage }];
139 } 139 }
140 140
141 :deep(.van-cell--clickable) { 141 :deep(.van-cell--clickable) {
142 - border: 1px solid #eaeaea; 142 + border: var(--border-style);
143 border-radius: 0.25rem; 143 border-radius: 0.25rem;
144 padding: 0.25rem 0.5rem; 144 padding: 0.25rem 0.5rem;
145 margin-top: 0.5rem; 145 margin-top: 0.5rem;
......
1 <!-- 1 <!--
2 * @Date: 2022-08-30 11:34:19 2 * @Date: 2022-08-30 11:34:19
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-07-31 10:42:16 4 + * @LastEditTime: 2024-08-03 20:36:47
5 * @FilePath: /data-table/src/components/VolunteerGroupField/index.vue 5 * @FilePath: /data-table/src/components/VolunteerGroupField/index.vue
6 * @Description: 义工组别选择控件 6 * @Description: 义工组别选择控件
7 --> 7 -->
...@@ -165,13 +165,13 @@ const rule_content = ref(""); ...@@ -165,13 +165,13 @@ const rule_content = ref("");
165 } 165 }
166 166
167 .radio-wrapper { 167 .radio-wrapper {
168 - border: 1px solid #eaeaea; 168 + border:var(--border-style);
169 border-radius: 0.25rem; 169 border-radius: 0.25rem;
170 padding: 0.25rem 0.5rem; 170 padding: 0.25rem 0.5rem;
171 margin-bottom: 0.25rem; 171 margin-bottom: 0.25rem;
172 } 172 }
173 .affix-input { 173 .affix-input {
174 - border: 1px solid #eaeaea; 174 + border: var(--border-style);
175 border-radius: 0.25rem; 175 border-radius: 0.25rem;
176 padding: 0.25rem 0.5rem; 176 padding: 0.25rem 0.5rem;
177 margin-top: 0.5rem; 177 margin-top: 0.5rem;
...@@ -212,16 +212,10 @@ const rule_content = ref(""); ...@@ -212,16 +212,10 @@ const rule_content = ref("");
212 } 212 }
213 } 213 }
214 .multi-rule-field-box { 214 .multi-rule-field-box {
215 - border: 1px solid #eaeaea; 215 + border: var(--border-style);
216 border-radius: 0.25rem; 216 border-radius: 0.25rem;
217 padding: 1rem 0.5rem 0 0.5rem; 217 padding: 1rem 0.5rem 0 0.5rem;
218 // width: 100vw; 218 // width: 100vw;
219 margin-bottom: 0.5rem; 219 margin-bottom: 0.5rem;
220 } 220 }
221 -
222 -:deep(.van-radio) {
223 - // border: 1px solid #eaeaea;
224 - // border-radius: 0.25rem;
225 - // padding: 0.25rem 0.5rem;
226 -}
227 </style> 221 </style>
......
1 <!-- 1 <!--
2 * @Date: 2022-07-18 10:22:22 2 * @Date: 2022-07-18 10:22:22
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-08-03 19:23:20 4 + * @LastEditTime: 2024-08-03 20:33:17
5 * @FilePath: /data-table/src/views/index.vue 5 * @FilePath: /data-table/src/views/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -801,6 +801,13 @@ onMounted(async () => { ...@@ -801,6 +801,13 @@ onMounted(async () => {
801 const width = $('body').width(); 801 const width = $('body').width();
802 // 固定表单宽度 802 // 固定表单宽度
803 $('.table-box').css('width', (width - 30) + 'px'); 803 $('.table-box').css('width', (width - 30) + 'px');
804 + // TAG：表单样式统一修改
805 + // 详情页表单的border去掉
806 + if (page_type === 'info') {
807 + nextTick(() => {
808 + document.documentElement.style.setProperty('--border-style', '0');
809 + })
810 + }
804 }); 811 });
805 812
806 // 打开轮询用户是否关注 813 // 打开轮询用户是否关注
...@@ -1277,6 +1284,10 @@ const onSubmit = async (values) => { ...@@ -1277,6 +1284,10 @@ const onSubmit = async (values) => {
1277 --van-floating-bubble-background: #C2915F; 1284 --van-floating-bubble-background: #C2915F;
1278 } 1285 }
1279 1286
1287 +:root {
1288 + --border-style: 1px solid #eaeaea;
1289 +}
1290 +
1280 .table-title { 1291 .table-title {
1281 padding: 1rem; 1292 padding: 1rem;
1282 font-size: 1.15rem; 1293 font-size: 1.15rem;
......