@opendesign-plus-test/components 0.0.1-rc.100 → 0.0.1-rc.101

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 (27) hide show
  1. package/dist/components/header/OHeader.vue.d.ts +3 -0
  2. package/dist/components/header/components/HeaderNav.vue.d.ts +3 -0
  3. package/dist/components/header/index.d.ts +5 -0
  4. package/dist/components/header-user/OHeaderUser.vue.d.ts +2 -6
  5. package/dist/components/header-user/index.d.ts +3 -18
  6. package/dist/components.cjs.js +32 -32
  7. package/dist/components.css +1 -1
  8. package/dist/components.es.js +2435 -2431
  9. package/dist/treeshaking/_virtual/icon-locale.mjs +0 -1
  10. package/dist/treeshaking/components/header/OHeader.css +15 -15
  11. package/dist/treeshaking/components/header/OHeader.vue.d.ts +3 -0
  12. package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
  13. package/dist/treeshaking/components/header/OHeader.vue2.mjs +8 -3
  14. package/dist/treeshaking/components/header/components/HeaderNav.css +53 -39
  15. package/dist/treeshaking/components/header/components/HeaderNav.vue.d.ts +3 -0
  16. package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
  17. package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +8 -2
  18. package/dist/treeshaking/components/header/index.d.ts +5 -0
  19. package/dist/treeshaking/components/header-user/OHeaderUser.css +43 -34
  20. package/dist/treeshaking/components/header-user/OHeaderUser.vue.d.ts +2 -6
  21. package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs +1 -1
  22. package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs +20 -13
  23. package/dist/treeshaking/components/header-user/index.d.ts +3 -18
  24. package/dist/treeshaking/components/search/internal/SearchPanel.css +222 -104
  25. package/dist/treeshaking/components/search/internal/SearchPanel.vue.mjs +1 -1
  26. package/dist/treeshaking/components/search/internal/SearchPanel.vue2.mjs +3 -9
  27. package/package.json +3 -3
package/dist/treeshaking/components/search/internal/SearchPanel.css CHANGED
@@ -1,162 +1,246 @@
1
- .hover-icon-rotate .o-icon[data-v-73222546] {
1
+ .hover-icon-rotate .o-icon[data-v-872f0035] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-73222546] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-872f0035] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .o-search-panel[data-v-73222546] {
9
+ .o-search-panel[data-v-872f0035] {
10
10
  display: flex;
11
11
  flex-direction: column;
12
12
  gap: var(--o-gap-4);
13
13
  }
14
- .o-search-panel-section-title.suggest[data-v-73222546], .o-search-panel-section-title.onestep[data-v-73222546] {
14
+ .o-search-panel-section-title.suggest[data-v-872f0035], .o-search-panel-section-title.onestep[data-v-872f0035] {
15
15
  margin-bottom: var(--o-gap-3);
16
16
  }
17
- .o-search-panel-section-title[data-v-73222546] {
17
+ .o-search-panel-section-title[data-v-872f0035] {
18
18
  font-size: 14px;
19
19
  line-height: 22px;
20
20
  }
21
21
  @media (min-width: 1201px) and (max-width: 1680px) {
22
- .o-search-panel-section-title[data-v-73222546] {
22
+ .o-search-panel-section-title[data-v-872f0035] {
23
23
  font-size: 12px;
24
24
  line-height: 18px;
25
25
  }
26
26
  }
27
27
  @media (min-width: 841px) and (max-width: 1200px) {
28
- .o-search-panel-section-title[data-v-73222546] {
28
+ .o-search-panel-section-title[data-v-872f0035] {
29
29
  font-size: 12px;
30
30
  line-height: 18px;
31
31
  }
32
32
  }
33
33
  @media (min-width: 601px) and (max-width: 840px) {
34
- .o-search-panel-section-title[data-v-73222546] {
34
+ .o-search-panel-section-title[data-v-872f0035] {
35
35
  font-size: 12px;
36
36
  line-height: 18px;
37
37
  }
38
38
  }
39
39
  @media (max-width: 600px) {
40
- .o-search-panel-section-title[data-v-73222546] {
40
+ .o-search-panel-section-title[data-v-872f0035] {
41
41
  font-size: 12px;
42
42
  line-height: 18px;
43
43
  }
44
44
  }
45
- .o-search-panel-section-title[data-v-73222546] {
45
+ .o-search-panel-section-title[data-v-872f0035] {
46
46
  color: var(--o-color-info3);
47
47
  font-weight: 400;
48
48
  }
49
- @media (max-width: 840px) {
50
- .o-search-panel-section-title[data-v-73222546] {
49
+ @media (min-width: 1201px) and (max-width: 1680px) {
50
+ .o-search-panel-section-title[data-v-872f0035] {
51
+ font-size: 16px;
52
+ line-height: 24px;
53
+ }
54
+ }
55
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
56
+ .o-search-panel-section-title[data-v-872f0035] {
57
+ font-size: 14px;
58
+ line-height: 22px;
59
+ }
60
+ }
61
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
62
+ .o-search-panel-section-title[data-v-872f0035] {
63
+ font-size: 14px;
64
+ line-height: 22px;
65
+ }
66
+ }
67
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
68
+ .o-search-panel-section-title[data-v-872f0035] {
51
69
  font-size: 14px;
52
70
  line-height: 22px;
53
71
  }
54
72
  }
55
- .o-search-panel-item[data-v-73222546] {
73
+ @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
74
+ .o-search-panel-section-title[data-v-872f0035] {
75
+ font-size: 12px;
76
+ line-height: 18px;
77
+ }
78
+ }
79
+ @media (max-width: 1200px) {
80
+ .o-search-panel-section-title[data-v-872f0035] {
81
+ font-size: 18px;
82
+ line-height: 26px;
83
+ }
84
+ }
85
+ @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
86
+ .o-search-panel-section-title[data-v-872f0035] {
87
+ font-size: 16px;
88
+ line-height: 24px;
89
+ }
90
+ }
91
+ @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
92
+ .o-search-panel-section-title[data-v-872f0035] {
93
+ font-size: 14px;
94
+ line-height: 22px;
95
+ }
96
+ }
97
+ @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
98
+ .o-search-panel-section-title[data-v-872f0035] {
99
+ font-size: 14px;
100
+ line-height: 22px;
101
+ }
102
+ }
103
+ @media (max-width: 1200px) and (max-width: 600px) {
104
+ .o-search-panel-section-title[data-v-872f0035] {
105
+ font-size: 14px;
106
+ line-height: 22px;
107
+ }
108
+ }
109
+ .o-search-panel-item[data-v-872f0035] {
56
110
  font-size: 14px;
57
111
  line-height: 22px;
58
112
  }
59
113
  @media (min-width: 1201px) and (max-width: 1680px) {
60
- .o-search-panel-item[data-v-73222546] {
114
+ .o-search-panel-item[data-v-872f0035] {
61
115
  font-size: 12px;
62
116
  line-height: 18px;
63
117
  }
64
118
  }
65
119
  @media (min-width: 841px) and (max-width: 1200px) {
66
- .o-search-panel-item[data-v-73222546] {
120
+ .o-search-panel-item[data-v-872f0035] {
67
121
  font-size: 12px;
68
122
  line-height: 18px;
69
123
  }
70
124
  }
71
125
  @media (min-width: 601px) and (max-width: 840px) {
72
- .o-search-panel-item[data-v-73222546] {
126
+ .o-search-panel-item[data-v-872f0035] {
73
127
  font-size: 12px;
74
128
  line-height: 18px;
75
129
  }
76
130
  }
77
131
  @media (max-width: 600px) {
78
- .o-search-panel-item[data-v-73222546] {
132
+ .o-search-panel-item[data-v-872f0035] {
79
133
  font-size: 12px;
80
134
  line-height: 18px;
81
135
  }
82
136
  }
83
- .o-search-panel-item[data-v-73222546] {
137
+ .o-search-panel-item[data-v-872f0035] {
84
138
  padding: 5px var(--o-gap-3);
85
139
  cursor: pointer;
86
- color: var(--o-color-info1);
140
+ color: var(--o-color-info2);
87
141
  border-radius: var(--o-radius-xs);
88
142
  margin: 0 calc(-1 * var(--o-gap-3));
89
143
  }
90
- .o-search-panel-item[data-v-73222546]:hover {
144
+ .o-search-panel-item[data-v-872f0035]:hover {
91
145
  background-color: var(--o-color-control2-light);
92
146
  }
93
- .o-search-panel-item[data-v-73222546]:active {
147
+ .o-search-panel-item[data-v-872f0035]:active {
94
148
  background-color: var(--o-color-control3-light);
95
149
  }
96
- @media (max-width: 840px) {
97
- .o-search-panel-item[data-v-73222546] {
150
+ @media (min-width: 1201px) and (max-width: 1680px) {
151
+ .o-search-panel-item[data-v-872f0035] {
98
152
  font-size: 16px;
99
153
  line-height: 24px;
100
154
  }
101
155
  }
102
- @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
103
- .o-search-panel-item[data-v-73222546] {
156
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
157
+ .o-search-panel-item[data-v-872f0035] {
104
158
  font-size: 14px;
105
159
  line-height: 22px;
106
160
  }
107
161
  }
108
- @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
109
- .o-search-panel-item[data-v-73222546] {
162
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
163
+ .o-search-panel-item[data-v-872f0035] {
110
164
  font-size: 14px;
111
165
  line-height: 22px;
112
166
  }
113
167
  }
114
- @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
115
- .o-search-panel-item[data-v-73222546] {
168
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
169
+ .o-search-panel-item[data-v-872f0035] {
116
170
  font-size: 14px;
117
171
  line-height: 22px;
118
172
  }
119
173
  }
120
- @media (max-width: 840px) and (max-width: 600px) {
121
- .o-search-panel-item[data-v-73222546] {
174
+ @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
175
+ .o-search-panel-item[data-v-872f0035] {
122
176
  font-size: 12px;
123
177
  line-height: 18px;
124
178
  }
125
179
  }
126
- .o-search-panel-onestep-item[data-v-73222546] {
180
+ @media (max-width: 1200px) {
181
+ .o-search-panel-item[data-v-872f0035] {
182
+ font-size: 18px;
183
+ line-height: 26px;
184
+ }
185
+ }
186
+ @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
187
+ .o-search-panel-item[data-v-872f0035] {
188
+ font-size: 16px;
189
+ line-height: 24px;
190
+ }
191
+ }
192
+ @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
193
+ .o-search-panel-item[data-v-872f0035] {
194
+ font-size: 14px;
195
+ line-height: 22px;
196
+ }
197
+ }
198
+ @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
199
+ .o-search-panel-item[data-v-872f0035] {
200
+ font-size: 14px;
201
+ line-height: 22px;
202
+ }
203
+ }
204
+ @media (max-width: 1200px) and (max-width: 600px) {
205
+ .o-search-panel-item[data-v-872f0035] {
206
+ font-size: 14px;
207
+ line-height: 22px;
208
+ }
209
+ }
210
+ .o-search-panel-onestep-item[data-v-872f0035] {
127
211
  display: flex;
128
212
  align-items: center;
129
213
  white-space: pre-wrap;
130
214
  }
131
- .o-search-panel-onestep-tag[data-v-73222546] {
215
+ .o-search-panel-onestep-tag[data-v-872f0035] {
132
216
  font-size: 12px;
133
217
  line-height: 18px;
134
218
  }
135
219
  @media (min-width: 1201px) and (max-width: 1680px) {
136
- .o-search-panel-onestep-tag[data-v-73222546] {
220
+ .o-search-panel-onestep-tag[data-v-872f0035] {
137
221
  font-size: 12px;
138
222
  line-height: 18px;
139
223
  }
140
224
  }
141
225
  @media (min-width: 841px) and (max-width: 1200px) {
142
- .o-search-panel-onestep-tag[data-v-73222546] {
226
+ .o-search-panel-onestep-tag[data-v-872f0035] {
143
227
  font-size: 12px;
144
228
  line-height: 18px;
145
229
  }
146
230
  }
147
231
  @media (min-width: 601px) and (max-width: 840px) {
148
- .o-search-panel-onestep-tag[data-v-73222546] {
232
+ .o-search-panel-onestep-tag[data-v-872f0035] {
149
233
  font-size: 12px;
150
234
  line-height: 18px;
151
235
  }
152
236
  }
153
237
  @media (max-width: 600px) {
154
- .o-search-panel-onestep-tag[data-v-73222546] {
238
+ .o-search-panel-onestep-tag[data-v-872f0035] {
155
239
  font-size: 12px;
156
240
  line-height: 18px;
157
241
  }
158
242
  }
159
- .o-search-panel-onestep-tag[data-v-73222546] {
243
+ .o-search-panel-onestep-tag[data-v-872f0035] {
160
244
  height: 20px;
161
245
  display: inline-flex;
162
246
  align-items: center;
@@ -168,141 +252,141 @@
168
252
  color: var(--o-color-info3);
169
253
  }
170
254
  @media (max-width: 840px) {
171
- .o-search-panel-onestep-tag[data-v-73222546] {
255
+ .o-search-panel-onestep-tag[data-v-872f0035] {
172
256
  font-size: 14px;
173
257
  line-height: 22px;
174
258
  }
175
259
  }
176
- .o-search-panel-no-data[data-v-73222546] {
260
+ .o-search-panel-no-data[data-v-872f0035] {
177
261
  font-size: 12px;
178
262
  line-height: 18px;
179
263
  }
180
264
  @media (min-width: 1201px) and (max-width: 1680px) {
181
- .o-search-panel-no-data[data-v-73222546] {
265
+ .o-search-panel-no-data[data-v-872f0035] {
182
266
  font-size: 12px;
183
267
  line-height: 18px;
184
268
  }
185
269
  }
186
270
  @media (min-width: 841px) and (max-width: 1200px) {
187
- .o-search-panel-no-data[data-v-73222546] {
271
+ .o-search-panel-no-data[data-v-872f0035] {
188
272
  font-size: 12px;
189
273
  line-height: 18px;
190
274
  }
191
275
  }
192
276
  @media (min-width: 601px) and (max-width: 840px) {
193
- .o-search-panel-no-data[data-v-73222546] {
277
+ .o-search-panel-no-data[data-v-872f0035] {
194
278
  font-size: 12px;
195
279
  line-height: 18px;
196
280
  }
197
281
  }
198
282
  @media (max-width: 600px) {
199
- .o-search-panel-no-data[data-v-73222546] {
283
+ .o-search-panel-no-data[data-v-872f0035] {
200
284
  font-size: 12px;
201
285
  line-height: 18px;
202
286
  }
203
287
  }
204
- .o-search-panel-no-data[data-v-73222546] {
288
+ .o-search-panel-no-data[data-v-872f0035] {
205
289
  color: var(--o-color-info3);
206
290
  padding: 0 8px;
207
291
  }
208
292
  @media (max-width: 840px) {
209
- .o-search-panel-no-data[data-v-73222546] {
293
+ .o-search-panel-no-data[data-v-872f0035] {
210
294
  font-size: 16px;
211
295
  line-height: 24px;
212
296
  }
213
297
  }
214
298
  @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
215
- .o-search-panel-no-data[data-v-73222546] {
299
+ .o-search-panel-no-data[data-v-872f0035] {
216
300
  font-size: 14px;
217
301
  line-height: 22px;
218
302
  }
219
303
  }
220
304
  @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
221
- .o-search-panel-no-data[data-v-73222546] {
305
+ .o-search-panel-no-data[data-v-872f0035] {
222
306
  font-size: 14px;
223
307
  line-height: 22px;
224
308
  }
225
309
  }
226
310
  @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
227
- .o-search-panel-no-data[data-v-73222546] {
311
+ .o-search-panel-no-data[data-v-872f0035] {
228
312
  font-size: 14px;
229
313
  line-height: 22px;
230
314
  }
231
315
  }
232
316
  @media (max-width: 840px) and (max-width: 600px) {
233
- .o-search-panel-no-data[data-v-73222546] {
317
+ .o-search-panel-no-data[data-v-872f0035] {
234
318
  font-size: 12px;
235
319
  line-height: 18px;
236
320
  }
237
321
  }
238
- .o-search-panel-recommend-item[data-v-73222546] {
322
+ .o-search-panel-recommend-item[data-v-872f0035] {
239
323
  font-size: 14px;
240
324
  line-height: 22px;
241
325
  }
242
326
  @media (min-width: 1201px) and (max-width: 1680px) {
243
- .o-search-panel-recommend-item[data-v-73222546] {
327
+ .o-search-panel-recommend-item[data-v-872f0035] {
244
328
  font-size: 12px;
245
329
  line-height: 18px;
246
330
  }
247
331
  }
248
332
  @media (min-width: 841px) and (max-width: 1200px) {
249
- .o-search-panel-recommend-item[data-v-73222546] {
333
+ .o-search-panel-recommend-item[data-v-872f0035] {
250
334
  font-size: 12px;
251
335
  line-height: 18px;
252
336
  }
253
337
  }
254
338
  @media (min-width: 601px) and (max-width: 840px) {
255
- .o-search-panel-recommend-item[data-v-73222546] {
339
+ .o-search-panel-recommend-item[data-v-872f0035] {
256
340
  font-size: 12px;
257
341
  line-height: 18px;
258
342
  }
259
343
  }
260
344
  @media (max-width: 600px) {
261
- .o-search-panel-recommend-item[data-v-73222546] {
345
+ .o-search-panel-recommend-item[data-v-872f0035] {
262
346
  font-size: 12px;
263
347
  line-height: 18px;
264
348
  }
265
349
  }
266
- .o-search-panel-recommend-item[data-v-73222546] {
350
+ .o-search-panel-recommend-item[data-v-872f0035] {
267
351
  padding: 5px 8px;
268
352
  cursor: pointer;
269
353
  color: var(--o-color-info1);
270
354
  border-radius: var(--o-radius-xs);
271
355
  }
272
- .o-search-panel-recommend-item[data-v-73222546]:hover {
356
+ .o-search-panel-recommend-item[data-v-872f0035]:hover {
273
357
  background-color: var(--o-color-control2-light);
274
358
  }
275
359
  @media (max-width: 840px) {
276
- .o-search-panel-recommend-item[data-v-73222546] {
360
+ .o-search-panel-recommend-item[data-v-872f0035] {
277
361
  font-size: 14px;
278
362
  line-height: 22px;
279
363
  }
280
364
  }
281
- .o-search-panel-divider[data-v-73222546] {
365
+ .o-search-panel-divider[data-v-872f0035] {
282
366
  background: var(--o-color-control4);
283
367
  width: 100%;
284
368
  height: 1px;
285
369
  }
286
- .o-search-panel-common-header[data-v-73222546] {
370
+ .o-search-panel-common-header[data-v-872f0035] {
287
371
  display: flex;
288
372
  align-items: center;
289
373
  justify-content: space-between;
290
374
  }
291
- .o-search-panel-icon[data-v-73222546] {
375
+ .o-search-panel-icon[data-v-872f0035] {
292
376
  cursor: pointer;
293
377
  color: var(--o-color-info1);
294
378
  font-size: 16px;
295
379
  }
296
- .o-search-panel-icon[data-v-73222546]:hover {
380
+ .o-search-panel-icon[data-v-872f0035]:hover {
297
381
  color: var(--o-color-primary1);
298
382
  }
299
- .o-search-panel-history-list[data-v-73222546] {
383
+ .o-search-panel-history-list[data-v-872f0035] {
300
384
  display: flex;
301
385
  gap: 8px;
302
386
  flex-wrap: wrap;
303
387
  margin-top: var(--o-gap-3);
304
388
  }
305
- .o-search-panel-history-item[data-v-73222546] {
389
+ .o-search-panel-history-item[data-v-872f0035] {
306
390
  position: relative;
307
391
  display: flex;
308
392
  align-items: center;
@@ -315,25 +399,25 @@
315
399
  cursor: pointer;
316
400
  }
317
401
  @media (hover: hover) {
318
- .o-search-panel-history-item[data-v-73222546]:hover {
402
+ .o-search-panel-history-item[data-v-872f0035]:hover {
319
403
  background-color: var(--o-color-control3-light);
320
404
  color: var(--o-color-primary1);
321
405
  }
322
- .o-search-panel-history-item:hover .o-search-panel-history-remove[data-v-73222546] {
406
+ .o-search-panel-history-item:hover .o-search-panel-history-remove[data-v-872f0035] {
323
407
  display: inline-flex;
324
408
  }
325
409
  }
326
410
  @media (hover: hover) {
327
- .o-search-panel-history-item.is-dark[data-v-73222546]:hover {
411
+ .o-search-panel-history-item.is-dark[data-v-872f0035]:hover {
328
412
  background-color: rgb(var(--o-mixedgray-7));
329
413
  }
330
414
  }
331
415
  @media (max-width: 840px) {
332
- .o-search-panel-history-item[data-v-73222546] {
416
+ .o-search-panel-history-item[data-v-872f0035] {
333
417
  height: 28px;
334
418
  }
335
419
  }
336
- .o-search-panel-history-text[data-v-73222546] {
420
+ .o-search-panel-history-text[data-v-872f0035] {
337
421
  max-width: 200px;
338
422
  overflow: hidden;
339
423
  text-overflow: ellipsis;
@@ -342,60 +426,60 @@
342
426
  line-height: 18px;
343
427
  }
344
428
  @media (min-width: 1201px) and (max-width: 1680px) {
345
- .o-search-panel-history-text[data-v-73222546] {
429
+ .o-search-panel-history-text[data-v-872f0035] {
346
430
  font-size: 12px;
347
431
  line-height: 18px;
348
432
  }
349
433
  }
350
434
  @media (min-width: 841px) and (max-width: 1200px) {
351
- .o-search-panel-history-text[data-v-73222546] {
435
+ .o-search-panel-history-text[data-v-872f0035] {
352
436
  font-size: 12px;
353
437
  line-height: 18px;
354
438
  }
355
439
  }
356
440
  @media (min-width: 601px) and (max-width: 840px) {
357
- .o-search-panel-history-text[data-v-73222546] {
441
+ .o-search-panel-history-text[data-v-872f0035] {
358
442
  font-size: 12px;
359
443
  line-height: 18px;
360
444
  }
361
445
  }
362
446
  @media (max-width: 600px) {
363
- .o-search-panel-history-text[data-v-73222546] {
447
+ .o-search-panel-history-text[data-v-872f0035] {
364
448
  font-size: 12px;
365
449
  line-height: 18px;
366
450
  }
367
451
  }
368
452
  @media (max-width: 840px) {
369
- .o-search-panel-history-text[data-v-73222546] {
453
+ .o-search-panel-history-text[data-v-872f0035] {
370
454
  font-size: 16px;
371
455
  line-height: 24px;
372
456
  }
373
457
  }
374
458
  @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
375
- .o-search-panel-history-text[data-v-73222546] {
459
+ .o-search-panel-history-text[data-v-872f0035] {
376
460
  font-size: 14px;
377
461
  line-height: 22px;
378
462
  }
379
463
  }
380
464
  @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
381
- .o-search-panel-history-text[data-v-73222546] {
465
+ .o-search-panel-history-text[data-v-872f0035] {
382
466
  font-size: 14px;
383
467
  line-height: 22px;
384
468
  }
385
469
  }
386
470
  @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
387
- .o-search-panel-history-text[data-v-73222546] {
471
+ .o-search-panel-history-text[data-v-872f0035] {
388
472
  font-size: 14px;
389
473
  line-height: 22px;
390
474
  }
391
475
  }
392
476
  @media (max-width: 840px) and (max-width: 600px) {
393
- .o-search-panel-history-text[data-v-73222546] {
477
+ .o-search-panel-history-text[data-v-872f0035] {
394
478
  font-size: 12px;
395
479
  line-height: 18px;
396
480
  }
397
481
  }
398
- .o-search-panel-history-remove[data-v-73222546] {
482
+ .o-search-panel-history-remove[data-v-872f0035] {
399
483
  position: absolute;
400
484
  right: -8px;
401
485
  top: -8px;
@@ -405,11 +489,11 @@
405
489
  width: 16px;
406
490
  height: 16px;
407
491
  }
408
- .o-search-panel-history-remove[data-v-73222546] svg {
492
+ .o-search-panel-history-remove[data-v-872f0035] svg {
409
493
  width: 16px;
410
494
  height: 16px;
411
495
  }
412
- .o-search-panel-history-row[data-v-73222546] {
496
+ .o-search-panel-history-row[data-v-872f0035] {
413
497
  padding: 4px 8px;
414
498
  border-radius: var(--o-radius-xs);
415
499
  cursor: pointer;
@@ -421,42 +505,42 @@
421
505
  line-height: 22px;
422
506
  }
423
507
  @media (min-width: 1201px) and (max-width: 1680px) {
424
- .o-search-panel-history-row[data-v-73222546] {
508
+ .o-search-panel-history-row[data-v-872f0035] {
425
509
  font-size: 12px;
426
510
  line-height: 18px;
427
511
  }
428
512
  }
429
513
  @media (min-width: 841px) and (max-width: 1200px) {
430
- .o-search-panel-history-row[data-v-73222546] {
514
+ .o-search-panel-history-row[data-v-872f0035] {
431
515
  font-size: 12px;
432
516
  line-height: 18px;
433
517
  }
434
518
  }
435
519
  @media (min-width: 601px) and (max-width: 840px) {
436
- .o-search-panel-history-row[data-v-73222546] {
520
+ .o-search-panel-history-row[data-v-872f0035] {
437
521
  font-size: 12px;
438
522
  line-height: 18px;
439
523
  }
440
524
  }
441
525
  @media (max-width: 600px) {
442
- .o-search-panel-history-row[data-v-73222546] {
526
+ .o-search-panel-history-row[data-v-872f0035] {
443
527
  font-size: 12px;
444
528
  line-height: 18px;
445
529
  }
446
530
  }
447
531
  @media (hover: hover) {
448
- .o-search-panel-history-row[data-v-73222546]:hover {
532
+ .o-search-panel-history-row[data-v-872f0035]:hover {
449
533
  background-color: var(--o-color-control2-light);
450
534
  color: var(--o-color-primary1);
451
535
  }
452
536
  }
453
537
  @media (max-width: 840px) {
454
- .o-search-panel-history-row[data-v-73222546] {
538
+ .o-search-panel-history-row[data-v-872f0035] {
455
539
  font-size: 14px;
456
540
  line-height: 22px;
457
541
  }
458
542
  }
459
- .o-search-panel-hot-list[data-v-73222546] {
543
+ .o-search-panel-hot-list[data-v-872f0035] {
460
544
  display: flex;
461
545
  flex-wrap: wrap;
462
546
  gap: var(--o-gap-3) var(--o-gap-4);
@@ -465,71 +549,105 @@
465
549
  line-height: 22px;
466
550
  }
467
551
  @media (min-width: 1201px) and (max-width: 1680px) {
468
- .o-search-panel-hot-list[data-v-73222546] {
552
+ .o-search-panel-hot-list[data-v-872f0035] {
469
553
  font-size: 12px;
470
554
  line-height: 18px;
471
555
  }
472
556
  }
473
557
  @media (min-width: 841px) and (max-width: 1200px) {
474
- .o-search-panel-hot-list[data-v-73222546] {
558
+ .o-search-panel-hot-list[data-v-872f0035] {
475
559
  font-size: 12px;
476
560
  line-height: 18px;
477
561
  }
478
562
  }
479
563
  @media (min-width: 601px) and (max-width: 840px) {
480
- .o-search-panel-hot-list[data-v-73222546] {
564
+ .o-search-panel-hot-list[data-v-872f0035] {
481
565
  font-size: 12px;
482
566
  line-height: 18px;
483
567
  }
484
568
  }
485
569
  @media (max-width: 600px) {
486
- .o-search-panel-hot-list[data-v-73222546] {
570
+ .o-search-panel-hot-list[data-v-872f0035] {
487
571
  font-size: 12px;
488
572
  line-height: 18px;
489
573
  }
490
574
  }
491
575
  @media (max-width: 840px) {
492
- .o-search-panel-hot-list[data-v-73222546] {
576
+ .o-search-panel-hot-list[data-v-872f0035] {
493
577
  display: block;
578
+ }
579
+ }
580
+ @media (min-width: 1201px) and (max-width: 1680px) {
581
+ .o-search-panel-hot-list[data-v-872f0035] {
494
582
  font-size: 16px;
495
583
  line-height: 24px;
496
584
  }
497
585
  }
498
- @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
499
- .o-search-panel-hot-list[data-v-73222546] {
586
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
587
+ .o-search-panel-hot-list[data-v-872f0035] {
500
588
  font-size: 14px;
501
589
  line-height: 22px;
502
590
  }
503
591
  }
504
- @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
505
- .o-search-panel-hot-list[data-v-73222546] {
592
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
593
+ .o-search-panel-hot-list[data-v-872f0035] {
506
594
  font-size: 14px;
507
595
  line-height: 22px;
508
596
  }
509
597
  }
510
- @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
511
- .o-search-panel-hot-list[data-v-73222546] {
598
+ @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
599
+ .o-search-panel-hot-list[data-v-872f0035] {
512
600
  font-size: 14px;
513
601
  line-height: 22px;
514
602
  }
515
603
  }
516
- @media (max-width: 840px) and (max-width: 600px) {
517
- .o-search-panel-hot-list[data-v-73222546] {
604
+ @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
605
+ .o-search-panel-hot-list[data-v-872f0035] {
518
606
  font-size: 12px;
519
607
  line-height: 18px;
520
608
  }
521
609
  }
522
- .o-search-panel-hot-item[data-v-73222546] {
610
+ @media (max-width: 1200px) {
611
+ .o-search-panel-hot-list[data-v-872f0035] {
612
+ font-size: 18px;
613
+ line-height: 26px;
614
+ }
615
+ }
616
+ @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
617
+ .o-search-panel-hot-list[data-v-872f0035] {
618
+ font-size: 16px;
619
+ line-height: 24px;
620
+ }
621
+ }
622
+ @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
623
+ .o-search-panel-hot-list[data-v-872f0035] {
624
+ font-size: 14px;
625
+ line-height: 22px;
626
+ }
627
+ }
628
+ @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
629
+ .o-search-panel-hot-list[data-v-872f0035] {
630
+ font-size: 14px;
631
+ line-height: 22px;
632
+ }
633
+ }
634
+ @media (max-width: 1200px) and (max-width: 600px) {
635
+ .o-search-panel-hot-list[data-v-872f0035] {
636
+ font-size: 14px;
637
+ line-height: 22px;
638
+ }
639
+ }
640
+ .o-search-panel-hot-item[data-v-872f0035] {
523
641
  color: var(--o-color-info1);
524
642
  cursor: pointer;
525
643
  }
526
644
  @media (max-width: 840px) {
527
- .o-search-panel-hot-item[data-v-73222546] {
645
+ .o-search-panel-hot-item[data-v-872f0035] {
528
646
  margin-top: var(--o-gap-3);
529
647
  }
530
648
  }
531
649
  @media (hover: hover) {
532
- .o-search-panel-hot-item[data-v-73222546]:hover {
650
+ .o-search-panel-hot-item[data-v-872f0035]:hover {
533
651
  color: var(--o-color-primary1);
534
652
  }
535
653
  }