zhytech-ui-mobile 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/.eslintignore +11 -0
  2. package/.eslintrc.cjs +253 -0
  3. package/.prettierignore +0 -0
  4. package/.prettierrc.json +9 -0
  5. package/.vscode/settings.json +131 -0
  6. package/index.html +39 -0
  7. package/package.json +4 -26
  8. package/shims-uni.d.ts +7 -0
  9. package/src/App.vue +24 -0
  10. package/src/components/dynamicForm/componentRenderer.vue +207 -0
  11. package/src/components/dynamicForm/components/advanced/index.ts +13 -0
  12. package/src/components/dynamicForm/components/advanced/upload.vue +108 -0
  13. package/src/components/dynamicForm/components/advanced/uploadImage.vue +107 -0
  14. package/src/components/dynamicForm/components/answerSheetPopup/answerSheetItem.vue +58 -0
  15. package/src/components/dynamicForm/components/answerSheetPopup/index.vue +111 -0
  16. package/src/components/dynamicForm/components/application/employee.vue +140 -0
  17. package/src/components/dynamicForm/components/application/grade.vue +183 -0
  18. package/src/components/dynamicForm/components/application/index.ts +14 -0
  19. package/src/components/dynamicForm/components/application/post.vue +136 -0
  20. package/src/components/dynamicForm/components/base/checkbox.vue +143 -0
  21. package/src/components/dynamicForm/components/base/index.ts +15 -0
  22. package/src/components/dynamicForm/components/base/input.vue +99 -0
  23. package/src/components/dynamicForm/components/base/label.vue +29 -0
  24. package/src/components/dynamicForm/components/base/radio.vue +155 -0
  25. package/src/components/dynamicForm/components/componentType.ts +16 -0
  26. package/src/components/dynamicForm/components/layout/groupLayout.vue +103 -0
  27. package/src/components/dynamicForm/components/layout/index.ts +12 -0
  28. package/src/components/dynamicForm/formRenderer.vue +567 -0
  29. package/src/components/dynamicForm/index.ts +21 -0
  30. package/src/components/dynamicForm/types/componentAttribute/advanced/uploadAttribute.ts +35 -0
  31. package/src/components/dynamicForm/types/componentAttribute/application/employeeAttribute.ts +42 -0
  32. package/src/components/dynamicForm/types/componentAttribute/application/gradeAttribute.ts +54 -0
  33. package/src/components/dynamicForm/types/componentAttribute/application/postAttribute.ts +42 -0
  34. package/src/components/dynamicForm/types/componentAttribute/base/checkboxAttribute.ts +38 -0
  35. package/src/components/dynamicForm/types/componentAttribute/base/inputAttribute.ts +31 -0
  36. package/src/components/dynamicForm/types/componentAttribute/base/radioAttribute.ts +30 -0
  37. package/src/components/dynamicForm/types/componentAttribute/baseAttribute.ts +110 -0
  38. package/src/components/dynamicForm/types/componentAttribute/editAttribute.ts +70 -0
  39. package/src/components/dynamicForm/types/componentAttribute/index.ts +37 -0
  40. package/src/components/dynamicForm/types/componentAttribute/layout/groupLayoutAttribute.ts +39 -0
  41. package/src/components/dynamicForm/types/documentView.ts +110 -0
  42. package/src/components/dynamicForm/types/enum.ts +109 -0
  43. package/src/components/dynamicForm/types/formAttribute.ts +93 -0
  44. package/src/components/dynamicForm/types/uploadOption.ts +31 -0
  45. package/src/env.d.ts +8 -0
  46. package/src/hooks/useMessage.ts +44 -0
  47. package/src/hooks/useToast.ts +29 -0
  48. package/src/hooks/useUtils.ts +201 -0
  49. package/src/index.ts +59 -0
  50. package/src/main.ts +19 -0
  51. package/src/manifest.json +72 -0
  52. package/src/pages/dynamicFormDemo.vue +1260 -0
  53. package/src/pages/dynamicFormExaminationDemo.vue +567 -0
  54. package/src/pages.json +58 -0
  55. package/src/shime-uni.d.ts +6 -0
  56. package/src/uni.scss +76 -0
  57. package/src/unocss/index.ts +20 -0
  58. package/src/unocss/rules.ts +139 -0
  59. package/src/unocss/shortcuts.ts +53 -0
  60. package/src/unocss/theme/index.ts +13 -0
  61. package/src/unocss/theme/themeOption/dark.ts +35 -0
  62. package/src/unocss/theme/themeOption/primary.ts +33 -0
  63. package/src/unocss/variants.ts +110 -0
  64. package/tsconfig.json +19 -0
  65. package/uno.config.ts +63 -0
  66. package/vite.config.ts +83 -0
  67. package/dist/build/h5/style.css +0 -1
  68. package/dist/build/h5/zhytech-ui-mobile.es.js +0 -19661
  69. package/dist/build/h5/zhytech-ui-mobile.umd.js +0 -1
  70. package/dist/dev/true/style.css +0 -455
  71. package/dist/dev/true/zhytech-ui-mobile.es.js +0 -3440
  72. package/dist/dev/true/zhytech-ui-mobile.umd.js +0 -3443
  73. /package/{dist/build/h5 → src}/static/iconfont/iconfont.css +0 -0
  74. /package/{dist/build/h5 → src}/static/iconfont/iconfont.ttf +0 -0
  75. /package/{dist/build/h5 → src}/static/iconfont/iconfont.woff +0 -0
  76. /package/{dist/build/h5 → src}/static/iconfont/iconfont.woff2 +0 -0
  77. /package/{dist/build/h5 → src}/static/scss/actionSheet.scss +0 -0
  78. /package/{dist/build/h5 → src}/static/scss/button.scss +0 -0
  79. /package/{dist/build/h5 → src}/static/scss/checkbox.scss +0 -0
  80. /package/{dist/build/h5 → src}/static/scss/form.scss +0 -0
  81. /package/{dist/build/h5 → src}/static/scss/index.scss +0 -0
  82. /package/{dist/build/h5 → src}/static/scss/input.scss +0 -0
  83. /package/{dist/build/h5 → src}/static/scss/picker.scss +0 -0
  84. /package/{dist/build/h5 → src}/static/scss/radio.scss +0 -0
@@ -1,455 +0,0 @@
1
- *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.zhy-form-component-checkbox,.zhy-form-component-employee,.zhy-form-component-grade,.zhy-form-component-input,.zhy-form-component-post,.zhy-form-component-radio,.zhy-form-component-upload,.zhy-form-component-upload-image{box-sizing:border-box;height:100%;padding-left:15px;}.aline-left{display:flex;flex-wrap:wrap;align-items:center;gap:3px;justify-content:flex-start;}[description\:显示=""]{description:显示="";}.absolute{position:absolute;}.relative{position:relative;}.box-border{box-sizing:border-box;}.inline{display:inline;}.block{display:block;}.h3{height:0.75rem;}.flex{display:flex;}.flex-auto{flex:1 1 auto;}.flex-wrap{flex-wrap:wrap;}.break-keep{word-break:keep-all;}.border{border-width:1px;}.px{padding-left:1rem;padding-right:1rem;}@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}}.\?{animation:__un_qm 0.5s ease-in-out alternate infinite;}.p-5{padding:5px;}.px-10{padding-left:10px;padding-right:10px;}.py-5{padding-top:5px;padding-bottom:5px;}.ml-20\!{margin-left:20px !important;} /**
2
- * 这里是uni-app内置的常用样式变量
3
- *
4
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
5
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
6
- *
7
- */
8
- /**
9
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
10
- *
11
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
12
- */
13
- /* 颜色变量 */
14
- /* 行为相关颜色 */
15
- /* 文字基本颜色 */
16
- /* 背景颜色 */
17
- /* 边框颜色 */
18
- /* 尺寸变量 */
19
- /* 文字尺寸 */
20
- /* 图片尺寸 */
21
- /* Border Radius */
22
- /* 水平间距 */
23
- /* 垂直间距 */
24
- /* 透明度 */
25
- /* 文章场景相关 */
26
- .zhy.wd-form .zhy.wd-cell {
27
- padding-left: 0;
28
- }
29
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical {
30
- padding: 5px;
31
- }
32
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical .wd-cell__right {
33
- margin-top: 0;
34
- }
35
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper .wd-cell__right .wd-cell__value.wd-cell__value--right {
36
- text-align: left;
37
- }
38
- .wd-button__text {
39
- letter-spacing: 2px;
40
- }
41
- .zhy.wd-radio-group .wd-radio {
42
- margin-top: 6px;
43
- }
44
- .zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left {
45
- max-width: 100%;
46
- width: auto;
47
- justify-content: start;
48
- }
49
- .zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left .wd-radio__label {
50
- text-align: left;
51
- width: calc(100% - 20px);
52
- }
53
- .zhy.wd-radio-group .wd-radio .wd-radio__shape {
54
- margin-right: 4px;
55
- width: 16px;
56
- }
57
- .zhy.wd-checkbox-group .wd-checkbox {
58
- max-width: 100%;
59
- width: auto;
60
- margin-bottom: 0;
61
- margin-top: 6px;
62
- }
63
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__shape {
64
- margin-top: 2px;
65
- width: 16px;
66
- vertical-align: top;
67
- }
68
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label {
69
- width: calc(100% - 20px);
70
- margin-left: 4px;
71
- }
72
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label .wd-checkbox__txt {
73
- white-space: normal;
74
- }
75
- .zhy.wd-input {
76
- padding: 0 10px;
77
- margin-top: 4px;
78
- border-radius: 6px;
79
- border: 1px solid #999999;
80
- }
81
- .zhy.wd-input::after {
82
- display: none;
83
- }
84
- .zhy.wd-input.is-disabled {
85
- background-color: #f8f8f8;
86
- }
87
- .zhy.wd-input.is-disabled .uni-input-input:disabled {
88
- color: #000000;
89
- }
90
- .zhy.wd-picker .wd-picker__toolbar {
91
- background-color: #f0f8ff;
92
- height: 45px;
93
- }
94
- .zhy.wd-picker .wd-picker__toolbar .wd-picker__action {
95
- padding: 0 15px;
96
- }
97
- .zhy.wd-picker .wd-picker-view-column__item.wd-picker-view-column__item--active {
98
- background-color: #fffacd;
99
- }
100
- .zhy.wd-action-sheet .wd-action-sheet__header {
101
- height: 45px;
102
- line-height: 45px;
103
- background-color: #f0f8ff;
104
- }
105
- .zhy.wd-action-sheet .wd-action-sheet__header .wd-icon {
106
- top: 15px;
107
- }
108
- .answer-sheet-item {
109
- width: 100%;
110
- }
111
- .answer-sheet-item .answer-group {
112
- display: flex;
113
- flex-wrap: wrap;
114
- padding-left: 10px;
115
- border: 1px solid #cccccc;
116
- margin: 15px 0;
117
- }
118
- .answer-sheet-item .answer-group:first-child {
119
- margin-top: 5px;
120
- }
121
- .answer-sheet-item .answer-group .answer-group-name {
122
- width: 100%;
123
- font-size: 16px;
124
- margin-top: 4px;
125
- }
126
- .answer-sheet-item .answer-group .answer-item {
127
- margin: 10px 5px;
128
- padding: 2px 18px;
129
- font-size: 18px;
130
- }/**
131
- * 这里是uni-app内置的常用样式变量
132
- *
133
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
134
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
135
- *
136
- */
137
- /**
138
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
139
- *
140
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
141
- */
142
- /* 颜色变量 */
143
- /* 行为相关颜色 */
144
- /* 文字基本颜色 */
145
- /* 背景颜色 */
146
- /* 边框颜色 */
147
- /* 尺寸变量 */
148
- /* 文字尺寸 */
149
- /* 图片尺寸 */
150
- /* Border Radius */
151
- /* 水平间距 */
152
- /* 垂直间距 */
153
- /* 透明度 */
154
- /* 文章场景相关 */
155
- .zhy.wd-form .zhy.wd-cell {
156
- padding-left: 0;
157
- }
158
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical {
159
- padding: 5px;
160
- }
161
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical .wd-cell__right {
162
- margin-top: 0;
163
- }
164
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper .wd-cell__right .wd-cell__value.wd-cell__value--right {
165
- text-align: left;
166
- }
167
- .wd-button__text {
168
- letter-spacing: 2px;
169
- }
170
- .zhy.wd-radio-group .wd-radio {
171
- margin-top: 6px;
172
- }
173
- .zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left {
174
- max-width: 100%;
175
- width: auto;
176
- justify-content: start;
177
- }
178
- .zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left .wd-radio__label {
179
- text-align: left;
180
- width: calc(100% - 20px);
181
- }
182
- .zhy.wd-radio-group .wd-radio .wd-radio__shape {
183
- margin-right: 4px;
184
- width: 16px;
185
- }
186
- .zhy.wd-checkbox-group .wd-checkbox {
187
- max-width: 100%;
188
- width: auto;
189
- margin-bottom: 0;
190
- margin-top: 6px;
191
- }
192
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__shape {
193
- margin-top: 2px;
194
- width: 16px;
195
- vertical-align: top;
196
- }
197
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label {
198
- width: calc(100% - 20px);
199
- margin-left: 4px;
200
- }
201
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label .wd-checkbox__txt {
202
- white-space: normal;
203
- }
204
- .zhy.wd-input {
205
- padding: 0 10px;
206
- margin-top: 4px;
207
- border-radius: 6px;
208
- border: 1px solid #999999;
209
- }
210
- .zhy.wd-input::after {
211
- display: none;
212
- }
213
- .zhy.wd-input.is-disabled {
214
- background-color: #f8f8f8;
215
- }
216
- .zhy.wd-input.is-disabled .uni-input-input:disabled {
217
- color: #000000;
218
- }
219
- .zhy.wd-picker .wd-picker__toolbar {
220
- background-color: #f0f8ff;
221
- height: 45px;
222
- }
223
- .zhy.wd-picker .wd-picker__toolbar .wd-picker__action {
224
- padding: 0 15px;
225
- }
226
- .zhy.wd-picker .wd-picker-view-column__item.wd-picker-view-column__item--active {
227
- background-color: #fffacd;
228
- }
229
- .zhy.wd-action-sheet .wd-action-sheet__header {
230
- height: 45px;
231
- line-height: 45px;
232
- background-color: #f0f8ff;
233
- }
234
- .zhy.wd-action-sheet .wd-action-sheet__header .wd-icon {
235
- top: 15px;
236
- }
237
- .zhy.answer-sheet-popup {
238
- height: var(--66686455-height);
239
- }
240
- .zhy.answer-sheet-popup .answer-sheet-wrap {
241
- height: calc(100% - 50px);
242
- overflow-y: auto;
243
- display: flex;
244
- flex-direction: column;
245
- }
246
- .zhy.answer-sheet-popup .answer-sheet-wrap .answer-type-explain {
247
- font-size: 16px;
248
- font-weight: bold;
249
- margin: 10px 0 10px 20px;
250
- margin-bottom: 10px;
251
- display: flex;
252
- align-items: center;
253
- }
254
- .zhy.answer-sheet-popup .answer-sheet-wrap .answer-type-explain .type-item {
255
- margin-right: 10px;
256
- padding: 4px 10px;
257
- }
258
- .zhy.answer-sheet-popup .answer-sheet-wrap .answer-sheet-list {
259
- flex: auto;
260
- height: 100%;
261
- overflow-y: auto;
262
- display: flex;
263
- flex-wrap: wrap;
264
- padding: 0 10px;
265
- box-sizing: border-box;
266
- }/**
267
- * 这里是uni-app内置的常用样式变量
268
- *
269
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
270
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
271
- *
272
- */
273
- /**
274
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
275
- *
276
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
277
- */
278
- /* 颜色变量 */
279
- /* 行为相关颜色 */
280
- /* 文字基本颜色 */
281
- /* 背景颜色 */
282
- /* 边框颜色 */
283
- /* 尺寸变量 */
284
- /* 文字尺寸 */
285
- /* 图片尺寸 */
286
- /* Border Radius */
287
- /* 水平间距 */
288
- /* 垂直间距 */
289
- /* 透明度 */
290
- /* 文章场景相关 */
291
- .zhy.wd-form .zhy.wd-cell {
292
- padding-left: 0;
293
- }
294
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical {
295
- padding: 5px;
296
- }
297
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper.is-vertical .wd-cell__right {
298
- margin-top: 0;
299
- }
300
- .zhy.wd-form .zhy.wd-cell .wd-cell__wrapper .wd-cell__right .wd-cell__value.wd-cell__value--right {
301
- text-align: left;
302
- }
303
- .wd-button__text {
304
- letter-spacing: 2px;
305
- }
306
- .zhy.wd-radio-group .wd-radio {
307
- margin-top: 6px;
308
- }
309
- .zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left {
310
- max-width: 100%;
311
- width: auto;
312
- justify-content: start;
313
- }
314
- .zhy.wd-radio-group .wd-radio.is-dot.icon-placement-left .wd-radio__label {
315
- text-align: left;
316
- width: calc(100% - 20px);
317
- }
318
- .zhy.wd-radio-group .wd-radio .wd-radio__shape {
319
- margin-right: 4px;
320
- width: 16px;
321
- }
322
- .zhy.wd-checkbox-group .wd-checkbox {
323
- max-width: 100%;
324
- width: auto;
325
- margin-bottom: 0;
326
- margin-top: 6px;
327
- }
328
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__shape {
329
- margin-top: 2px;
330
- width: 16px;
331
- vertical-align: top;
332
- }
333
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label {
334
- width: calc(100% - 20px);
335
- margin-left: 4px;
336
- }
337
- .zhy.wd-checkbox-group .wd-checkbox .wd-checkbox__label .wd-checkbox__txt {
338
- white-space: normal;
339
- }
340
- .zhy.wd-input {
341
- padding: 0 10px;
342
- margin-top: 4px;
343
- border-radius: 6px;
344
- border: 1px solid #999999;
345
- }
346
- .zhy.wd-input::after {
347
- display: none;
348
- }
349
- .zhy.wd-input.is-disabled {
350
- background-color: #f8f8f8;
351
- }
352
- .zhy.wd-input.is-disabled .uni-input-input:disabled {
353
- color: #000000;
354
- }
355
- .zhy.wd-picker .wd-picker__toolbar {
356
- background-color: #f0f8ff;
357
- height: 45px;
358
- }
359
- .zhy.wd-picker .wd-picker__toolbar .wd-picker__action {
360
- padding: 0 15px;
361
- }
362
- .zhy.wd-picker .wd-picker-view-column__item.wd-picker-view-column__item--active {
363
- background-color: #fffacd;
364
- }
365
- .zhy.wd-action-sheet .wd-action-sheet__header {
366
- height: 45px;
367
- line-height: 45px;
368
- background-color: #f0f8ff;
369
- }
370
- .zhy.wd-action-sheet .wd-action-sheet__header .wd-icon {
371
- top: 15px;
372
- }
373
- .wot-theme-dark * {
374
- color: #f5f5f5 !important;
375
- background-color: black !important;
376
- }
377
- .form-renderer {
378
- height: 100%;
379
- display: flex;
380
- flex-direction: column;
381
- box-sizing: border-box;
382
- padding: 0 5px;
383
- background-color: #ffffff;
384
- }
385
- .form-renderer .title {
386
- margin: 5px;
387
- text-align: center;
388
- color: #000000;
389
- }
390
- .form-renderer .renderer-form {
391
- flex: 1;
392
- height: 100%;
393
- overflow: auto;
394
- margin-top: 10px;
395
- }
396
- .form-renderer .renderer-form.hidden-title {
397
- margin-top: 0;
398
- }
399
- .form-renderer .renderer-form.one-page-question-mode .group-title {
400
- font-size: 20px !important;
401
- }
402
- .form-renderer .renderer-form.one-page-question-mode .tn-form-item__label span {
403
- font-size: 18px !important;
404
- line-height: 1.5;
405
- }
406
- .form-renderer .renderer-form.one-page-question-mode .tn-form-item__content * {
407
- font-size: 18px !important;
408
- }
409
- .form-renderer .renderer-form.one-page-question-mode .tn-form-item__content * .tn-radio,
410
- .form-renderer .renderer-form.one-page-question-mode .tn-form-item__content * .tn-checkbox {
411
- margin-bottom: 15px;
412
- }
413
- .form-renderer .renderer-form.one-page-question-mode .tn-radio__dot,
414
- .form-renderer .renderer-form.one-page-question-mode .tn-checkbox__checked-box {
415
- margin-top: 4px;
416
- }
417
- .form-renderer .renderer-form.one-page-question-mode .description {
418
- margin-top: 30px !important;
419
- font-size: 14px !important;
420
- }
421
- .form-renderer .renderer-form .description {
422
- position: relative;
423
- width: 100%;
424
- margin: 5px 0;
425
- padding: 5px 5px 5px 30px;
426
- border: 2px dashed #ff0000;
427
- box-sizing: border-box;
428
- background-color: #ffffdd;
429
- line-height: 18px;
430
- color: #000000;
431
- }
432
- .form-renderer .renderer-form .description .iconfont {
433
- position: absolute;
434
- left: 0;
435
- top: 4px;
436
- margin: 0 5px;
437
- }
438
- .form-renderer .renderer-form .tn-radio--disabled {
439
- opacity: 0.6;
440
- }
441
- .form-renderer .renderer-form .tn-radio--disabled.tn-radio--selected {
442
- opacity: 1;
443
- }
444
- .form-renderer .renderer-form .tn-checkbox--disabled {
445
- opacity: 0.6;
446
- }
447
- .form-renderer .renderer-form .tn-checkbox--disabled.tn-checkbox--selected {
448
- opacity: 1;
449
- }
450
- .form-renderer .one-page-nav-button {
451
- text-align: right;
452
- }
453
- .form-renderer .one-page-nav-button .tn-button {
454
- margin-left: 10px;
455
- }