ezuikit-js 7.7.2 → 7.7.4

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.
@@ -0,0 +1,352 @@
1
+ .BMap_noprint button[title="倾斜"] {
2
+ display: none;
3
+ }
4
+ .BMap_noprint button[title="恢复"] {
5
+ display: none;
6
+ }
7
+ /* .anchorBL{
8
+ display:none;
9
+ } */
10
+ .BMap_cpyCtrl {
11
+ display: none;
12
+ }
13
+
14
+ .inspect-event-item {
15
+ padding-left: 12.5px;
16
+ position: relative;
17
+ border-left: 1px solid #d9d9d9;
18
+ margin-left: 20.5px;
19
+ padding-bottom: 16px;
20
+ color: #595959;
21
+ }
22
+
23
+ .inspect-event-item:last-child {
24
+ border-left: 1px solid transparent;
25
+ }
26
+
27
+ .inspect-event-item-header-wrap {
28
+ margin-top: -4px;
29
+ }
30
+ .inspect-event-item:first-child .inspect-event-item-header-wrap{
31
+ padding-top: 0;
32
+ }
33
+
34
+ .inspect-event-item-header {
35
+ width: 240px;
36
+ height: 32px;
37
+ background: #F5F5F5;
38
+ display: flex;
39
+ align-items: center;
40
+ justify-content: space-between;
41
+ cursor: pointer;
42
+ }
43
+
44
+ .inspect-event-item-header-left {
45
+ display: flex;
46
+ align-items: center;
47
+ padding-left: 9px;
48
+ }
49
+
50
+ .inspect-event-item-header-right, .inspect-event-item-body-info-opr {
51
+ padding-right: 8px;
52
+ }
53
+ .inspect-event-item-body-info-opr-icon{
54
+ color: #595959;
55
+ cursor: pointer;
56
+ }
57
+ .inspect-event-item-body-info-opr-icon:hover{
58
+ color: #407AFF;
59
+ }
60
+ .inspect-event-item-header-toggle {
61
+ width: 16px;
62
+ height: 32px;
63
+ cursor: pointer;
64
+ display: block;
65
+ padding: 8px 0;
66
+ box-sizing: border-box;
67
+ }
68
+
69
+ .inspect-event-item-time {
70
+ padding-left: 9px;
71
+ }
72
+
73
+ .inspect-event-item-status-wrap {
74
+ position: absolute;
75
+ height: 28px;
76
+ background: #fff;
77
+ top: 4px;
78
+ left: -5.5px;
79
+ }
80
+ .inspect-event-item:first-child .inspect-event-item-status-wrap {
81
+ top: 0;
82
+ padding-top: 5px;
83
+ }
84
+
85
+ .inspect-event-item-status {
86
+ width: 10px;
87
+ height: 10px;
88
+ background: #407AFF;
89
+ border-radius: 100%;
90
+ display: inline-block;
91
+ }
92
+
93
+ .storage .inspect-event-item-status {
94
+ background: #FAAD14;
95
+ }
96
+
97
+ .storage-error .inspect-event-item-status{
98
+ background: #FF4D4F;
99
+ }
100
+ .storage-error .inspect-event-item-header-left,
101
+ .storage-error .inspect-event-item-time {
102
+ color: #FF4D4F;
103
+ }
104
+
105
+ .inspect-event-item-time {
106
+ font-size: 12px;
107
+ color: #262626;
108
+ }
109
+
110
+ .inspect-event-item-body {
111
+ width: 240px;
112
+ background: #FAFAFA;
113
+ padding-top: 8px;
114
+
115
+ }
116
+ .inspect-event-item-img {
117
+ width: 224px;
118
+ height: 126px;
119
+ margin: 0 8px;
120
+ display: block;
121
+ cursor: pointer;
122
+ }
123
+
124
+ .inspect-event-item-body-info {
125
+ display: flex;
126
+ align-items: center;
127
+ justify-content: space-between;
128
+ }
129
+
130
+ .inspect-event-item-body-info-tag {
131
+ max-width: 140px;
132
+ background: #FFF1F0;
133
+ border-radius: 2px;
134
+ text-align: center;
135
+ margin: 8px;
136
+ height: 24px;
137
+ line-height: 24px;
138
+ padding: 0 8px;
139
+ overflow: hidden;
140
+ text-overflow: ellipsis;
141
+ white-space: nowrap;
142
+ }
143
+
144
+ .inspect-event-item-body-info-tag-label{
145
+ font-size: 12px;
146
+ color: #FF4D4F;
147
+ }
148
+
149
+
150
+ .inspect-event-detail-wrap {
151
+ width: 0;
152
+ overflow: auto;
153
+ padding: 0;
154
+ box-sizing: border-box;
155
+ position: absolute;
156
+ top: 0;
157
+ right: 0;
158
+ z-index: 9;
159
+ background: #ffffff;
160
+ transition: width 0.15s ease 0s;
161
+ }
162
+
163
+ .inspect-event-detail-wrap.show {
164
+ width: 290px;
165
+ }
166
+
167
+ .inspectEventDetail-header {
168
+ display: flex;
169
+ align-items: center;
170
+ padding: 16px 16px;
171
+ }
172
+
173
+ .inspectEventDetail-back {
174
+ fill: #595959;
175
+ cursor: pointer;
176
+ margin-right: 8px;
177
+ }
178
+
179
+ .inspectEventDetail-type {
180
+ height: 22px;
181
+ font-size: 14px;
182
+ color: #262626;
183
+ line-height: 22px;
184
+ font-weight: bold;
185
+ }
186
+ .inspectEventDetail-content {
187
+ padding: 0 16px 24px;
188
+ box-sizing: border-box;
189
+ }
190
+
191
+ .inspectEventDetail-content-info {
192
+ font-size: 14px;
193
+ color: #262626;
194
+ line-height: 22px;
195
+ overflow: hidden;
196
+ }
197
+
198
+ .inspectEventDetail-content-info-item-title {
199
+ margin: 24px 0 4px;
200
+ }
201
+
202
+ .inspectEventDetail-content-info-item-value {
203
+ color: #595959;
204
+ }
205
+
206
+ .inspectEventDetail-content-info-item-title-required:before {
207
+ display: inline-block;
208
+ margin-right: 4px;
209
+ color: #ff4d4f;
210
+ font-size: 14px;
211
+ font-family: SimSun,sans-serif;
212
+ line-height: 1;
213
+ content: "*";
214
+ }
215
+
216
+ .inspectEventDetail-footer {
217
+ position: absolute;
218
+ bottom: 0;
219
+ left: 0;
220
+ background: #fff;
221
+ padding: 16px 0;
222
+ right: 0;
223
+ text-align: center;
224
+ }
225
+
226
+ .inspectEventDetail-footer-btn {
227
+ margin: 0 4px;
228
+ }
229
+
230
+ .inspectEventDetail-content-img-tips,
231
+ .inspectEventDetail-content-video-tips {
232
+ font-size: 14px;
233
+ color: #407AFF;
234
+ line-height: 22px;
235
+ margin: 0 0 8px;
236
+ }
237
+
238
+ .inspectEventDetail-content-img-detail,
239
+ .inspectEventDetail-content-video-detail {
240
+ display: block;
241
+ width: 224px;
242
+ height: 126px;
243
+ cursor: pointer;
244
+ }
245
+
246
+ .video-stroage-exceptional-status-tips-wrap {
247
+ width: 100%;
248
+ height: 100%;
249
+ color: #fff;
250
+ text-align: center;
251
+ cursor: default;
252
+ }
253
+
254
+ .video-stroage-exceptional-status-icon {
255
+ font-size: 16px;
256
+ padding: 40px 0 0px;
257
+ display: flex;
258
+ justify-content: center;
259
+ }
260
+
261
+ .video-stroage-exceptional-status-tips-error .video-stroage-exceptional-status-icon{
262
+ padding: 40px 0 8px;
263
+ }
264
+
265
+ .video-stroage-exceptional-status-tips {
266
+ font-size: 14px;
267
+ line-height: 22px;
268
+ }
269
+
270
+ .inspectEventDetail-content-video-timer {
271
+ display: flex;
272
+ align-items: center;
273
+ }
274
+
275
+ .video-recording-time-wrap {
276
+ height: 24px;
277
+ background: #FF5C5C;
278
+ border-radius: 12px;
279
+ padding: 0 24px;
280
+ line-height: 24px;
281
+ display: flex;
282
+ align-items: center;
283
+ color: #fff;
284
+ }
285
+
286
+ .video-recording-time {
287
+ font-size: 14px;
288
+ color: #FFFFFF;
289
+ letter-spacing: 0;
290
+ font-weight: 400;
291
+ margin-left: 8px;
292
+ }
293
+
294
+ .inspectEventDetail-stop-btn {
295
+ margin-left: 12px;
296
+ }
297
+
298
+ .inspectEventDetail-delete-confirm,
299
+ .inspectEventDetail-back-confirm {
300
+ width: 288px;
301
+ padding: 12px 8px;
302
+ box-sizing: border-box;
303
+ }
304
+ .inspectEventDetail-delete-confirm-title,
305
+ .inspectEventDetail-back-confirm-title {
306
+ display: flex;
307
+ }
308
+
309
+ .inspectEventDetail-delete-confirm-title-label,
310
+ .inspectEventDetail-back-confirm-title-label {
311
+ font-size: 16px;
312
+ color: #262626;
313
+ line-height: 24px;
314
+ font-weight: bold;
315
+ }
316
+
317
+ .inspectEventDetail-delete-confirm-title svg,
318
+ .inspectEventDetail-back-confirm-title svg {
319
+ color: #FAAD14 ;
320
+ margin-right: 16px;
321
+ }
322
+ .inspectEventDetail-delete-confirm-btns,
323
+ .inspectEventDetail-back-confirm-btns {
324
+ margin: 24px 0 0;
325
+ text-align: right;
326
+ }
327
+
328
+ .inspectEventDetail-delete-confirm-btns .ezuikit-btn,
329
+ .inspectEventDetail-back-confirm-btns .ezuikit-btn {
330
+ margin: 0 4px;
331
+ }
332
+
333
+ /* .inspect-event-box及其子元素滚动条效果设置 */
334
+
335
+
336
+ .inspect-event-box::-webkit-scrollbar,
337
+ .inspect-event-box *::-webkit-scrollbar {
338
+ width: 10px
339
+ }
340
+
341
+ .inspect-event-box::-webkit-scrollbar-thumb,
342
+ .inspect-event-box *::-webkit-scrollbar-thumb {
343
+ border-radius: 10px!important;
344
+ -webkit-box-shadow: inset 0 0 5px #8C8C8C!important;
345
+ background: #8C8C8C!important;
346
+ border: 3px solid #fff!important
347
+ }
348
+
349
+ .inspect-event-box::-webkit-scrollbar-track,
350
+ .inspect-event-box *::-webkit-scrollbar-track {
351
+ border-radius: 0
352
+ }