@opendesign-plus-test/components 0.0.1-rc.219 → 0.0.1-rc.220

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 (12) hide show
  1. package/dist/components.cjs.js +3 -3
  2. package/dist/components.css +2 -2
  3. package/dist/components.es.js +4 -4
  4. package/dist/treeshaking/components/header/components/HeaderContent.css +191 -221
  5. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  6. package/dist/treeshaking/components/user-center/OAccountSecurity.css +51 -51
  7. package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs +1 -1
  8. package/dist/treeshaking/components/user-center/OAccountSecurity.vue2.mjs +7 -7
  9. package/dist/treeshaking/components/user-center/OUserInfo.css +103 -103
  10. package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs +1 -1
  11. package/dist/treeshaking/components/user-center/OUserInfo3.css +4 -4
  12. package/package.json +3 -3
package/dist/treeshaking/components/header/components/HeaderContent.css CHANGED
@@ -1,41 +1,41 @@
1
- .hover-icon-rotate .o-icon[data-v-40872d20] {
1
+ .hover-icon-rotate .o-icon[data-v-6d490c27] {
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-40872d20] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-6d490c27] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .nav-content[data-v-40872d20] {
9
+ .nav-content[data-v-6d490c27] {
10
10
  cursor: default;
11
11
  overflow: hidden;
12
12
  justify-content: center;
13
13
  transform-origin: top;
14
14
  }
15
- .header-content-nav[data-v-40872d20] {
15
+ .header-content-nav[data-v-6d490c27] {
16
16
  max-width: var(--o-header-content-max-width);
17
17
  margin: 0 auto;
18
18
  padding: 0 var(--o-header-content-padding);
19
19
  }
20
- .nav-scroller[data-v-40872d20] {
20
+ .nav-scroller[data-v-6d490c27] {
21
21
  height: 100%;
22
22
  width: 100%;
23
23
  overflow-x: auto;
24
24
  overflow-y: auto;
25
25
  white-space: nowrap;
26
26
  }
27
- .nav-scroller[data-v-40872d20] .o-scrollbar {
27
+ .nav-scroller[data-v-6d490c27] .o-scrollbar {
28
28
  --scrollbar-height: 100%;
29
29
  }
30
- .nav-sub-content[data-v-40872d20] {
30
+ .nav-sub-content[data-v-6d490c27] {
31
31
  display: flex;
32
32
  }
33
- .content-left[data-v-40872d20] {
33
+ .content-left[data-v-6d490c27] {
34
34
  display: flex;
35
35
  flex: 1;
36
36
  padding: 32px 0;
37
37
  }
38
- .content-label[data-v-40872d20] {
38
+ .content-label[data-v-6d490c27] {
39
39
  display: inline-block;
40
40
  margin-right: var(--o-gap-5);
41
41
  margin-bottom: var(--o-gap-3);
@@ -44,107 +44,107 @@
44
44
  line-height: 24px;
45
45
  }
46
46
  @media (min-width: 1201px) and (max-width: 1680px) {
47
- .content-label[data-v-40872d20] {
47
+ .content-label[data-v-6d490c27] {
48
48
  font-size: 14px;
49
49
  line-height: 22px;
50
50
  }
51
51
  }
52
52
  @media (min-width: 841px) and (max-width: 1200px) {
53
- .content-label[data-v-40872d20] {
53
+ .content-label[data-v-6d490c27] {
54
54
  font-size: 14px;
55
55
  line-height: 22px;
56
56
  }
57
57
  }
58
58
  @media (min-width: 601px) and (max-width: 840px) {
59
- .content-label[data-v-40872d20] {
59
+ .content-label[data-v-6d490c27] {
60
60
  font-size: 14px;
61
61
  line-height: 22px;
62
62
  }
63
63
  }
64
64
  @media (max-width: 600px) {
65
- .content-label[data-v-40872d20] {
65
+ .content-label[data-v-6d490c27] {
66
66
  font-size: 12px;
67
67
  line-height: 18px;
68
68
  }
69
69
  }
70
70
  @media (max-width: 1440px) {
71
- .content-label[data-v-40872d20] {
71
+ .content-label[data-v-6d490c27] {
72
72
  margin-right: var(--o-gap-4);
73
73
  }
74
74
  }
75
- .content-container[data-v-40872d20] {
75
+ .content-container[data-v-6d490c27] {
76
76
  display: flex;
77
77
  flex-direction: column;
78
78
  flex-wrap: wrap;
79
79
  }
80
- .content-item[data-v-40872d20] {
80
+ .content-item[data-v-6d490c27] {
81
81
  width: 200px;
82
82
  margin: 24px 24px 0 0;
83
83
  }
84
- .content-item[data-v-40872d20]:nth-of-type(1) {
84
+ .content-item[data-v-6d490c27]:nth-of-type(1) {
85
85
  margin-top: 0 !important;
86
86
  }
87
87
  @media (min-width: 1201px) and (max-width: 1440px) {
88
- .content-item[data-v-40872d20] {
88
+ .content-item[data-v-6d490c27] {
89
89
  width: 170px;
90
90
  margin: 16px 16px 0 0;
91
91
  }
92
92
  }
93
93
  @media (min-width: 841px) and (max-width: 1200px) {
94
- .content-item[data-v-40872d20] {
94
+ .content-item[data-v-6d490c27] {
95
95
  width: 132px;
96
96
  margin: 12px 16px 0 0;
97
97
  }
98
98
  }
99
- .item-sub:last-of-type .content-item[data-v-40872d20] {
99
+ .item-sub:last-of-type .content-item[data-v-6d490c27] {
100
100
  margin-right: 0;
101
101
  }
102
- .item-label[data-v-40872d20] {
102
+ .item-label[data-v-6d490c27] {
103
103
  display: inline-flex;
104
104
  align-items: center;
105
105
  color: var(--o-color-info1);
106
106
  width: 100%;
107
107
  }
108
108
  @media (hover: hover) {
109
- .item-label[data-v-40872d20]:hover {
109
+ .item-label[data-v-6d490c27]:hover {
110
110
  color: var(--o-color-primary2);
111
111
  text-decoration: none;
112
112
  }
113
113
  }
114
- .item-label[data-v-40872d20]:active {
114
+ .item-label[data-v-6d490c27]:active {
115
115
  color: var(--o-color-primary3);
116
116
  }
117
- .item-label .item-name[data-v-40872d20] {
117
+ .item-label .item-name[data-v-6d490c27] {
118
118
  white-space: normal;
119
119
  font-weight: 600;
120
120
  font-size: 16px;
121
121
  line-height: 24px;
122
122
  }
123
123
  @media (min-width: 1201px) and (max-width: 1680px) {
124
- .item-label .item-name[data-v-40872d20] {
124
+ .item-label .item-name[data-v-6d490c27] {
125
125
  font-size: 14px;
126
126
  line-height: 22px;
127
127
  }
128
128
  }
129
129
  @media (min-width: 841px) and (max-width: 1200px) {
130
- .item-label .item-name[data-v-40872d20] {
130
+ .item-label .item-name[data-v-6d490c27] {
131
131
  font-size: 14px;
132
132
  line-height: 22px;
133
133
  }
134
134
  }
135
135
  @media (min-width: 601px) and (max-width: 840px) {
136
- .item-label .item-name[data-v-40872d20] {
136
+ .item-label .item-name[data-v-6d490c27] {
137
137
  font-size: 14px;
138
138
  line-height: 22px;
139
139
  }
140
140
  }
141
141
  @media (max-width: 600px) {
142
- .item-label .item-name[data-v-40872d20] {
142
+ .item-label .item-name[data-v-6d490c27] {
143
143
  font-size: 12px;
144
144
  line-height: 18px;
145
145
  }
146
146
  }
147
- .item-label .item-name[data-v-40872d20] {
147
+ .item-label .item-name[data-v-6d490c27] {
148
148
  overflow: hidden;
149
149
  text-overflow: ellipsis;
150
150
  word-break: break-all;
@@ -152,57 +152,57 @@
152
152
  -webkit-box-orient: vertical;
153
153
  -webkit-line-clamp: 1;
154
154
  }
155
- .item-label .o-icon[data-v-40872d20] {
155
+ .item-label .o-icon[data-v-6d490c27] {
156
156
  --icon-size: 16px;
157
157
  margin-left: var(--o-gap-1);
158
158
  }
159
159
  @media (max-width: 1680px) {
160
- .item-label .o-icon[data-v-40872d20] {
160
+ .item-label .o-icon[data-v-6d490c27] {
161
161
  --icon-size: 16px;
162
162
  }
163
163
  }
164
- .item-label .content-tag[data-v-40872d20] {
164
+ .item-label .content-tag[data-v-6d490c27] {
165
165
  margin-left: var(--o-gap-1);
166
166
  --layout-pkg-radius: var(--o-radius-xs);
167
167
  }
168
- .desc-container[data-v-40872d20] {
168
+ .desc-container[data-v-6d490c27] {
169
169
  overflow: hidden;
170
170
  position: relative;
171
171
  min-height: 36px;
172
172
  white-space: normal;
173
173
  margin-top: var(--o-gap-1);
174
174
  }
175
- .desc-container .item-desc[data-v-40872d20] {
175
+ .desc-container .item-desc[data-v-6d490c27] {
176
176
  color: var(--o-color-info2);
177
177
  word-break: normal !important;
178
178
  font-size: 12px;
179
179
  line-height: 18px;
180
180
  }
181
181
  @media (min-width: 1201px) and (max-width: 1680px) {
182
- .desc-container .item-desc[data-v-40872d20] {
182
+ .desc-container .item-desc[data-v-6d490c27] {
183
183
  font-size: 12px;
184
184
  line-height: 18px;
185
185
  }
186
186
  }
187
187
  @media (min-width: 841px) and (max-width: 1200px) {
188
- .desc-container .item-desc[data-v-40872d20] {
188
+ .desc-container .item-desc[data-v-6d490c27] {
189
189
  font-size: 12px;
190
190
  line-height: 18px;
191
191
  }
192
192
  }
193
193
  @media (min-width: 601px) and (max-width: 840px) {
194
- .desc-container .item-desc[data-v-40872d20] {
194
+ .desc-container .item-desc[data-v-6d490c27] {
195
195
  font-size: 12px;
196
196
  line-height: 18px;
197
197
  }
198
198
  }
199
199
  @media (max-width: 600px) {
200
- .desc-container .item-desc[data-v-40872d20] {
200
+ .desc-container .item-desc[data-v-6d490c27] {
201
201
  font-size: 12px;
202
202
  line-height: 18px;
203
203
  }
204
204
  }
205
- .desc-container .item-desc[data-v-40872d20] {
205
+ .desc-container .item-desc[data-v-6d490c27] {
206
206
  overflow: hidden;
207
207
  text-overflow: ellipsis;
208
208
  word-break: break-all;
@@ -210,7 +210,7 @@
210
210
  -webkit-box-orient: vertical;
211
211
  -webkit-line-clamp: 2;
212
212
  }
213
- .desc-container .item-desc-line-1[data-v-40872d20] {
213
+ .desc-container .item-desc-line-1[data-v-6d490c27] {
214
214
  overflow: hidden;
215
215
  text-overflow: ellipsis;
216
216
  word-break: break-all;
@@ -218,7 +218,7 @@
218
218
  -webkit-box-orient: vertical;
219
219
  -webkit-line-clamp: 1;
220
220
  }
221
- .desc-container .item-desc-line-3[data-v-40872d20] {
221
+ .desc-container .item-desc-line-3[data-v-6d490c27] {
222
222
  overflow: hidden;
223
223
  text-overflow: ellipsis;
224
224
  word-break: break-all;
@@ -226,7 +226,7 @@
226
226
  -webkit-box-orient: vertical;
227
227
  -webkit-line-clamp: 3;
228
228
  }
229
- .desc-container .item-desc-line-4[data-v-40872d20] {
229
+ .desc-container .item-desc-line-4[data-v-6d490c27] {
230
230
  overflow: hidden;
231
231
  text-overflow: ellipsis;
232
232
  word-break: break-all;
@@ -234,7 +234,7 @@
234
234
  -webkit-box-orient: vertical;
235
235
  -webkit-line-clamp: 4;
236
236
  }
237
- .desc-container .item-desc-line-5[data-v-40872d20] {
237
+ .desc-container .item-desc-line-5[data-v-6d490c27] {
238
238
  overflow: hidden;
239
239
  text-overflow: ellipsis;
240
240
  word-break: break-all;
@@ -242,7 +242,7 @@
242
242
  -webkit-box-orient: vertical;
243
243
  -webkit-line-clamp: 5;
244
244
  }
245
- .desc-container .item-desc-line-6[data-v-40872d20] {
245
+ .desc-container .item-desc-line-6[data-v-6d490c27] {
246
246
  overflow: hidden;
247
247
  text-overflow: ellipsis;
248
248
  word-break: break-all;
@@ -250,48 +250,48 @@
250
250
  -webkit-box-orient: vertical;
251
251
  -webkit-line-clamp: 6;
252
252
  }
253
- .content-item-disabled[data-v-40872d20] {
253
+ .content-item-disabled[data-v-6d490c27] {
254
254
  cursor: no-drop;
255
255
  }
256
- .content-item-disabled .item-label[data-v-40872d20] {
256
+ .content-item-disabled .item-label[data-v-6d490c27] {
257
257
  color: var(--o-color-info4);
258
258
  cursor: no-drop;
259
259
  pointer-events: none;
260
260
  }
261
- .content-item-disabled .desc-container .item-desc[data-v-40872d20] {
261
+ .content-item-disabled .desc-container .item-desc[data-v-6d490c27] {
262
262
  color: var(--o-color-info4);
263
263
  }
264
- .popover-item-desc[data-v-40872d20] {
264
+ .popover-item-desc[data-v-6d490c27] {
265
265
  width: 200px;
266
266
  height: auto;
267
267
  }
268
- .split-line[data-v-40872d20] {
268
+ .split-line[data-v-6d490c27] {
269
269
  background: var(--o-color-control4);
270
270
  width: 1px;
271
271
  margin: 0 16px;
272
272
  flex-shrink: 0;
273
273
  }
274
274
  @media (max-width: 1200px) {
275
- .split-line[data-v-40872d20] {
275
+ .split-line[data-v-6d490c27] {
276
276
  display: none;
277
277
  }
278
278
  }
279
- .content-right[data-v-40872d20] {
279
+ .content-right[data-v-6d490c27] {
280
280
  width: 342px;
281
281
  padding: 32px 0;
282
282
  flex-shrink: 0;
283
283
  }
284
284
  @media (max-width: 1680px) {
285
- .content-right[data-v-40872d20] {
285
+ .content-right[data-v-6d490c27] {
286
286
  width: 240px;
287
287
  }
288
288
  }
289
289
  @media (max-width: 1200px) {
290
- .content-right[data-v-40872d20] {
290
+ .content-right[data-v-6d490c27] {
291
291
  display: none;
292
292
  }
293
293
  }
294
- .content-right .shortcut[data-v-40872d20] {
294
+ .content-right .shortcut[data-v-6d490c27] {
295
295
  min-height: 42px;
296
296
  background: var(--o-color-fill1);
297
297
  border-radius: var(--o-radius_control-xs);
@@ -304,93 +304,93 @@
304
304
  line-height: 22px;
305
305
  }
306
306
  @media (min-width: 1201px) and (max-width: 1680px) {
307
- .content-right .shortcut[data-v-40872d20] {
307
+ .content-right .shortcut[data-v-6d490c27] {
308
308
  font-size: 14px;
309
309
  line-height: 18px;
310
310
  }
311
311
  }
312
312
  @media (min-width: 841px) and (max-width: 1200px) {
313
- .content-right .shortcut[data-v-40872d20] {
313
+ .content-right .shortcut[data-v-6d490c27] {
314
314
  font-size: 12px;
315
315
  line-height: 18px;
316
316
  }
317
317
  }
318
318
  @media (min-width: 601px) and (max-width: 840px) {
319
- .content-right .shortcut[data-v-40872d20] {
319
+ .content-right .shortcut[data-v-6d490c27] {
320
320
  font-size: 12px;
321
321
  line-height: 18px;
322
322
  }
323
323
  }
324
324
  @media (max-width: 600px) {
325
- .content-right .shortcut[data-v-40872d20] {
325
+ .content-right .shortcut[data-v-6d490c27] {
326
326
  font-size: 12px;
327
327
  line-height: 18px;
328
328
  }
329
329
  }
330
330
  @media (min-width: 1201px) and (max-width: 1680px) {
331
- .content-right .shortcut[data-v-40872d20] {
331
+ .content-right .shortcut[data-v-6d490c27] {
332
332
  font-size: 16px;
333
333
  line-height: 24px;
334
334
  }
335
335
  }
336
336
  @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
337
- .content-right .shortcut[data-v-40872d20] {
337
+ .content-right .shortcut[data-v-6d490c27] {
338
338
  font-size: 14px;
339
339
  line-height: 22px;
340
340
  }
341
341
  }
342
342
  @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
343
- .content-right .shortcut[data-v-40872d20] {
343
+ .content-right .shortcut[data-v-6d490c27] {
344
344
  font-size: 14px;
345
345
  line-height: 22px;
346
346
  }
347
347
  }
348
348
  @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
349
- .content-right .shortcut[data-v-40872d20] {
349
+ .content-right .shortcut[data-v-6d490c27] {
350
350
  font-size: 14px;
351
351
  line-height: 22px;
352
352
  }
353
353
  }
354
354
  @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
355
- .content-right .shortcut[data-v-40872d20] {
355
+ .content-right .shortcut[data-v-6d490c27] {
356
356
  font-size: 12px;
357
357
  line-height: 18px;
358
358
  }
359
359
  }
360
360
  @media (min-width: 841px) and (max-width: 1200px) {
361
- .content-right .shortcut[data-v-40872d20] {
361
+ .content-right .shortcut[data-v-6d490c27] {
362
362
  font-size: 16px;
363
363
  line-height: 24px;
364
364
  }
365
365
  }
366
366
  @media (min-width: 841px) and (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
367
- .content-right .shortcut[data-v-40872d20] {
367
+ .content-right .shortcut[data-v-6d490c27] {
368
368
  font-size: 14px;
369
369
  line-height: 22px;
370
370
  }
371
371
  }
372
372
  @media (min-width: 841px) and (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
373
- .content-right .shortcut[data-v-40872d20] {
373
+ .content-right .shortcut[data-v-6d490c27] {
374
374
  font-size: 14px;
375
375
  line-height: 22px;
376
376
  }
377
377
  }
378
378
  @media (min-width: 841px) and (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
379
- .content-right .shortcut[data-v-40872d20] {
379
+ .content-right .shortcut[data-v-6d490c27] {
380
380
  font-size: 14px;
381
381
  line-height: 22px;
382
382
  }
383
383
  }
384
384
  @media (min-width: 841px) and (max-width: 1200px) and (max-width: 600px) {
385
- .content-right .shortcut[data-v-40872d20] {
385
+ .content-right .shortcut[data-v-6d490c27] {
386
386
  font-size: 12px;
387
387
  line-height: 18px;
388
388
  }
389
389
  }
390
- .content-right .shortcut + .shortcut[data-v-40872d20] {
390
+ .content-right .shortcut + .shortcut[data-v-6d490c27] {
391
391
  margin-top: var(--o-gap-2);
392
392
  }
393
- .content-right .shortcut .shortcut-link[data-v-40872d20] {
393
+ .content-right .shortcut .shortcut-link[data-v-6d490c27] {
394
394
  display: flex;
395
395
  align-items: center;
396
396
  color: var(--o-color-link1);
@@ -398,12 +398,12 @@
398
398
  white-space: normal;
399
399
  }
400
400
  @media (hover: hover) {
401
- .content-right .shortcut .shortcut-link[data-v-40872d20]:hover {
401
+ .content-right .shortcut .shortcut-link[data-v-6d490c27]:hover {
402
402
  color: var(--o-color-primary2);
403
403
  text-decoration: none;
404
404
  }
405
405
  }
406
- .content-right .shortcut .shortcut-link .shortcut-title[data-v-40872d20] {
406
+ .content-right .shortcut .shortcut-link .shortcut-title[data-v-6d490c27] {
407
407
  overflow: hidden;
408
408
  text-overflow: ellipsis;
409
409
  word-break: break-all;
@@ -411,22 +411,22 @@
411
411
  -webkit-box-orient: vertical;
412
412
  -webkit-line-clamp: 1;
413
413
  }
414
- .content-right .shortcut .shortcut-link .o-icon[data-v-40872d20] {
414
+ .content-right .shortcut .shortcut-link .o-icon[data-v-6d490c27] {
415
415
  --icon-size: 16px;
416
416
  margin-left: var(--o-gap-2);
417
417
  }
418
- .content-right .review[data-v-40872d20] {
418
+ .content-right .review[data-v-6d490c27] {
419
419
  display: flex;
420
420
  align-items: unset;
421
421
  position: relative;
422
422
  }
423
423
  @media (hover: hover) {
424
- .content-right .review[data-v-40872d20]:hover {
424
+ .content-right .review[data-v-6d490c27]:hover {
425
425
  text-decoration: none;
426
426
  }
427
427
  }
428
428
  @media (min-width: 841px) and (max-width: 1200px) {
429
- .content-right .review[data-v-40872d20]:not(:last-child):after {
429
+ .content-right .review[data-v-6d490c27]:not(:last-child):after {
430
430
  content: "";
431
431
  position: absolute;
432
432
  left: 0;
@@ -436,10 +436,10 @@
436
436
  background: var(--o-color-control4);
437
437
  }
438
438
  }
439
- .content-right .review + .review[data-v-40872d20] {
439
+ .content-right .review + .review[data-v-6d490c27] {
440
440
  margin-top: var(--o-gap-3);
441
441
  }
442
- .content-right .review .review-picture[data-v-40872d20] {
442
+ .content-right .review .review-picture[data-v-6d490c27] {
443
443
  width: 120px;
444
444
  height: auto;
445
445
  display: block;
@@ -447,16 +447,16 @@
447
447
  border-radius: var(--o-radius-xs);
448
448
  }
449
449
  @media (max-width: 1680px) {
450
- .content-right .review .review-picture[data-v-40872d20] {
450
+ .content-right .review .review-picture[data-v-6d490c27] {
451
451
  width: 96px;
452
452
  }
453
453
  }
454
454
  @media (max-width: 1440px) {
455
- .content-right .review .review-picture[data-v-40872d20] {
455
+ .content-right .review .review-picture[data-v-6d490c27] {
456
456
  display: none;
457
457
  }
458
458
  }
459
- .content-right .review .review-content[data-v-40872d20] {
459
+ .content-right .review .review-content[data-v-6d490c27] {
460
460
  margin-left: var(--o-gap-2);
461
461
  flex: 1;
462
462
  max-width: 212px;
@@ -467,13 +467,13 @@
467
467
  white-space: normal;
468
468
  }
469
469
  @media (max-width: 1680px) {
470
- .content-right .review .review-content[data-v-40872d20] {
470
+ .content-right .review .review-content[data-v-6d490c27] {
471
471
  margin-left: var(--o-gap-1);
472
472
  height: auto;
473
473
  max-width: 140px;
474
474
  }
475
475
  }
476
- .content-right .review .review-content .review-label[data-v-40872d20] {
476
+ .content-right .review .review-content .review-label[data-v-6d490c27] {
477
477
  word-break: normal !important;
478
478
  max-height: 48px;
479
479
  color: var(--o-color-info1);
@@ -483,30 +483,30 @@
483
483
  line-height: 24px;
484
484
  }
485
485
  @media (min-width: 1201px) and (max-width: 1680px) {
486
- .content-right .review .review-content .review-label[data-v-40872d20] {
486
+ .content-right .review .review-content .review-label[data-v-6d490c27] {
487
487
  font-size: 14px;
488
488
  line-height: 22px;
489
489
  }
490
490
  }
491
491
  @media (min-width: 841px) and (max-width: 1200px) {
492
- .content-right .review .review-content .review-label[data-v-40872d20] {
492
+ .content-right .review .review-content .review-label[data-v-6d490c27] {
493
493
  font-size: 14px;
494
494
  line-height: 22px;
495
495
  }
496
496
  }
497
497
  @media (min-width: 601px) and (max-width: 840px) {
498
- .content-right .review .review-content .review-label[data-v-40872d20] {
498
+ .content-right .review .review-content .review-label[data-v-6d490c27] {
499
499
  font-size: 14px;
500
500
  line-height: 22px;
501
501
  }
502
502
  }
503
503
  @media (max-width: 600px) {
504
- .content-right .review .review-content .review-label[data-v-40872d20] {
504
+ .content-right .review .review-content .review-label[data-v-6d490c27] {
505
505
  font-size: 12px;
506
506
  line-height: 18px;
507
507
  }
508
508
  }
509
- .content-right .review .review-content .review-label[data-v-40872d20] {
509
+ .content-right .review .review-content .review-label[data-v-6d490c27] {
510
510
  overflow: hidden;
511
511
  text-overflow: ellipsis;
512
512
  word-break: break-all;
@@ -515,17 +515,17 @@
515
515
  -webkit-line-clamp: 2;
516
516
  }
517
517
  @media (hover: hover) {
518
- .content-right .review .review-content .review-label[data-v-40872d20]:hover {
518
+ .content-right .review .review-content .review-label[data-v-6d490c27]:hover {
519
519
  color: var(--o-color-primary1);
520
520
  }
521
521
  }
522
522
  @media (min-width: 841px) and (max-width: 1680px) {
523
- .content-right .review .review-content .review-label[data-v-40872d20] {
523
+ .content-right .review .review-content .review-label[data-v-6d490c27] {
524
524
  max-height: 44px;
525
525
  }
526
526
  }
527
527
  @media (max-width: 1680px) {
528
- .content-right .review .review-content .review-label[data-v-40872d20] {
528
+ .content-right .review .review-content .review-label[data-v-6d490c27] {
529
529
  max-height: none;
530
530
  overflow: hidden;
531
531
  text-overflow: ellipsis;
@@ -535,36 +535,36 @@
535
535
  -webkit-line-clamp: 1;
536
536
  }
537
537
  }
538
- .content-right .review .review-content .review-property[data-v-40872d20] {
538
+ .content-right .review .review-content .review-property[data-v-6d490c27] {
539
539
  color: var(--o-color-info3);
540
540
  font-size: 12px;
541
541
  line-height: 18px;
542
542
  }
543
543
  @media (min-width: 1201px) and (max-width: 1680px) {
544
- .content-right .review .review-content .review-property[data-v-40872d20] {
544
+ .content-right .review .review-content .review-property[data-v-6d490c27] {
545
545
  font-size: 12px;
546
546
  line-height: 18px;
547
547
  }
548
548
  }
549
549
  @media (min-width: 841px) and (max-width: 1200px) {
550
- .content-right .review .review-content .review-property[data-v-40872d20] {
550
+ .content-right .review .review-content .review-property[data-v-6d490c27] {
551
551
  font-size: 12px;
552
552
  line-height: 18px;
553
553
  }
554
554
  }
555
555
  @media (min-width: 601px) and (max-width: 840px) {
556
- .content-right .review .review-content .review-property[data-v-40872d20] {
556
+ .content-right .review .review-content .review-property[data-v-6d490c27] {
557
557
  font-size: 12px;
558
558
  line-height: 18px;
559
559
  }
560
560
  }
561
561
  @media (max-width: 600px) {
562
- .content-right .review .review-content .review-property[data-v-40872d20] {
562
+ .content-right .review .review-content .review-property[data-v-6d490c27] {
563
563
  font-size: 12px;
564
564
  line-height: 18px;
565
565
  }
566
566
  }
567
- .content-right .review .review-content .review-property[data-v-40872d20] {
567
+ .content-right .review .review-content .review-property[data-v-6d490c27] {
568
568
  overflow: hidden;
569
569
  text-overflow: ellipsis;
570
570
  word-break: break-all;
@@ -572,14 +572,14 @@
572
572
  -webkit-box-orient: vertical;
573
573
  -webkit-line-clamp: 1;
574
574
  }
575
- .popover-shortcut[data-v-40872d20] {
575
+ .popover-shortcut[data-v-6d490c27] {
576
576
  height: auto;
577
577
  max-width: 240px;
578
578
  }
579
- [data-o-theme*=dark] .content-right .shortcut[data-v-40872d20] {
579
+ [data-o-theme*=dark] .content-right .shortcut[data-v-6d490c27] {
580
580
  background: var(--o-color-fill3);
581
581
  }
582
- .nav-background-left[data-v-40872d20] {
582
+ .nav-background-left[data-v-6d490c27] {
583
583
  position: absolute;
584
584
  left: 0;
585
585
  top: -87px;
@@ -589,11 +589,11 @@
589
589
  z-index: -1;
590
590
  }
591
591
  @media (max-width: 1680px) {
592
- .nav-background-left[data-v-40872d20] {
592
+ .nav-background-left[data-v-6d490c27] {
593
593
  display: none;
594
594
  }
595
595
  }
596
- .nav-background-right[data-v-40872d20] {
596
+ .nav-background-right[data-v-6d490c27] {
597
597
  position: absolute;
598
598
  right: 0;
599
599
  bottom: 0;
@@ -602,340 +602,310 @@
602
602
  background-size: cover;
603
603
  z-index: -1;
604
604
  }
605
- .openeuler[data-v-40872d20] {
605
+ .openeuler[data-v-6d490c27] {
606
606
  --sub-right: 24px;
607
607
  }
608
608
  @media (max-width: 1440px) {
609
- .openeuler[data-v-40872d20] {
609
+ .openeuler[data-v-6d490c27] {
610
610
  --sub-right: 16px;
611
611
  }
612
612
  }
613
- .openeuler.download .item-sub[data-v-40872d20] {
613
+ .openeuler.download .item-sub[data-v-6d490c27] {
614
614
  width: 25%;
615
615
  }
616
- .openeuler.download .item-sub[data-v-40872d20]:nth-of-type(1) {
616
+ .openeuler.download .item-sub[data-v-6d490c27]:nth-of-type(1) {
617
617
  width: 50%;
618
618
  }
619
- .openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-40872d20] {
619
+ .openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-6d490c27] {
620
620
  flex-direction: row;
621
621
  }
622
- .openeuler.download .item-sub:nth-of-type(1) .content-item[data-v-40872d20] {
622
+ .openeuler.download .item-sub:nth-of-type(1) .content-item[data-v-6d490c27] {
623
623
  width: calc(50% - var(--sub-right));
624
624
  }
625
- .openeuler.download .item-sub:nth-of-type(1) .content-item[data-v-40872d20]:nth-of-type(2) {
625
+ .openeuler.download .item-sub:nth-of-type(1) .content-item[data-v-6d490c27]:nth-of-type(2) {
626
626
  margin-top: 0;
627
627
  }
628
- .openeuler.development .item-sub[data-v-40872d20] {
628
+ .openeuler.development .item-sub[data-v-6d490c27] {
629
629
  width: 20%;
630
630
  }
631
- .openeuler.development .content-item[data-v-40872d20] {
631
+ .openeuler.development .content-item[data-v-6d490c27] {
632
632
  width: auto;
633
633
  }
634
- .openeuler.document .item-sub[data-v-40872d20] {
634
+ .openeuler.document .item-sub[data-v-6d490c27] {
635
635
  width: 76%;
636
636
  }
637
- .openeuler.document .item-sub .content-container[data-v-40872d20] {
637
+ .openeuler.document .item-sub .content-container[data-v-6d490c27] {
638
638
  flex-direction: row;
639
639
  }
640
- .openeuler.document .item-sub .content-item[data-v-40872d20] {
640
+ .openeuler.document .item-sub .content-item[data-v-6d490c27] {
641
641
  width: calc(25% - var(--sub-right));
642
642
  margin-right: var(--sub-right);
643
643
  }
644
- .openeuler.document .item-sub .content-item[data-v-40872d20]:nth-child(-n+4) {
644
+ .openeuler.document .item-sub .content-item[data-v-6d490c27]:nth-child(-n+4) {
645
645
  margin-top: 0;
646
646
  }
647
- .openeuler.document .item-sub .content-item[data-v-40872d20]:nth-of-type(4) {
647
+ .openeuler.document .item-sub .content-item[data-v-6d490c27]:nth-of-type(4) {
648
648
  margin-right: 0;
649
649
  }
650
650
  @media (max-width: 1200px) {
651
- .openeuler.document .item-sub[data-v-40872d20] {
651
+ .openeuler.document .item-sub[data-v-6d490c27] {
652
652
  width: 100%;
653
653
  }
654
654
  }
655
- .openeuler.learn .item-sub[data-v-40872d20]:nth-of-type(1) {
655
+ .openeuler.learn .item-sub[data-v-6d490c27]:nth-of-type(1) {
656
656
  width: 33%;
657
657
  }
658
- .openeuler.learn .item-sub[data-v-40872d20]:nth-of-type(2) {
658
+ .openeuler.learn .item-sub[data-v-6d490c27]:nth-of-type(2) {
659
659
  width: 66%;
660
660
  }
661
- .openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-40872d20] {
661
+ .openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-6d490c27] {
662
662
  flex-direction: row;
663
663
  }
664
- .openeuler.learn .item-sub:nth-of-type(2) .content-item[data-v-40872d20] {
664
+ .openeuler.learn .item-sub:nth-of-type(2) .content-item[data-v-6d490c27] {
665
665
  width: calc(50% - var(--sub-right));
666
666
  margin-right: var(--sub-right);
667
667
  }
668
- .openeuler.learn .item-sub:nth-of-type(2) .content-item[data-v-40872d20]:nth-of-type(2) {
668
+ .openeuler.learn .item-sub:nth-of-type(2) .content-item[data-v-6d490c27]:nth-of-type(2) {
669
669
  margin-top: 0;
670
670
  margin-right: 0;
671
671
  }
672
- .openeuler.approve .item-sub[data-v-40872d20] {
672
+ .openeuler.approve .item-sub[data-v-6d490c27] {
673
673
  width: 25%;
674
674
  }
675
- .openeuler.approve .item-sub[data-v-40872d20]:nth-of-type(1) {
675
+ .openeuler.approve .item-sub[data-v-6d490c27]:nth-of-type(1) {
676
676
  width: 50%;
677
677
  }
678
- .openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-40872d20] {
678
+ .openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-6d490c27] {
679
679
  flex-direction: row;
680
680
  }
681
- .openeuler.approve .item-sub:nth-of-type(1) .content-item[data-v-40872d20] {
681
+ .openeuler.approve .item-sub:nth-of-type(1) .content-item[data-v-6d490c27] {
682
682
  width: calc(50% - var(--sub-right));
683
683
  }
684
- .openeuler.approve .item-sub:nth-of-type(1) .content-item[data-v-40872d20]:nth-of-type(2) {
684
+ .openeuler.approve .item-sub:nth-of-type(1) .content-item[data-v-6d490c27]:nth-of-type(2) {
685
685
  margin-top: 0;
686
686
  }
687
- .openeuler.community .item-sub[data-v-40872d20] {
687
+ .openeuler.community .item-sub[data-v-6d490c27] {
688
688
  width: 25%;
689
689
  }
690
- .openeuler.community .item-sub[data-v-40872d20]:nth-of-type(1) {
690
+ .openeuler.community .item-sub[data-v-6d490c27]:nth-of-type(1) {
691
691
  width: 75%;
692
692
  }
693
- .openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-40872d20] {
693
+ .openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-6d490c27] {
694
694
  flex-direction: row;
695
695
  }
696
- .openeuler.community .item-sub:nth-of-type(1) .content-item[data-v-40872d20] {
696
+ .openeuler.community .item-sub:nth-of-type(1) .content-item[data-v-6d490c27] {
697
697
  width: calc(33% - var(--sub-right));
698
698
  }
699
- .openeuler.community .item-sub:nth-of-type(1) .content-item[data-v-40872d20]:nth-child(-n+3) {
699
+ .openeuler.community .item-sub:nth-of-type(1) .content-item[data-v-6d490c27]:nth-child(-n+3) {
700
700
  margin-top: 0;
701
701
  }
702
- .openeuler.update .item-sub[data-v-40872d20] {
702
+ .openeuler.update .item-sub[data-v-6d490c27] {
703
703
  width: 50%;
704
704
  }
705
- .openeuler.update .item-sub .content-container[data-v-40872d20] {
705
+ .openeuler.update .item-sub .content-container[data-v-6d490c27] {
706
706
  flex-direction: row;
707
707
  }
708
- .openeuler.update .item-sub .content-item[data-v-40872d20] {
708
+ .openeuler.update .item-sub .content-item[data-v-6d490c27] {
709
709
  width: calc(50% - var(--sub-right));
710
710
  }
711
- .openeuler.update .item-sub .content-item[data-v-40872d20]:nth-of-type(2) {
711
+ .openeuler.update .item-sub .content-item[data-v-6d490c27]:nth-of-type(2) {
712
712
  margin-top: 0;
713
713
  }
714
- .openeuler.update .item-sub:nth-of-type(2) .content-item[data-v-40872d20] {
714
+ .openeuler.update .item-sub:nth-of-type(2) .content-item[data-v-6d490c27] {
715
715
  margin-right: var(--sub-right);
716
716
  }
717
- .openeuler.update .item-sub:nth-of-type(2) .content-item[data-v-40872d20]:nth-of-type(2) {
717
+ .openeuler.update .item-sub:nth-of-type(2) .content-item[data-v-6d490c27]:nth-of-type(2) {
718
718
  margin-right: 0;
719
719
  }
720
- .mindspore[data-v-40872d20] {
720
+ .mindspore[data-v-6d490c27] {
721
721
  --sub-right: 24px;
722
722
  }
723
723
  @media (max-width: 1440px) {
724
- .mindspore[data-v-40872d20] {
724
+ .mindspore[data-v-6d490c27] {
725
725
  --sub-right: 16px;
726
726
  }
727
727
  }
728
- .mindspore .nav-background-left[data-v-40872d20] {
728
+ .mindspore .nav-background-left[data-v-6d490c27] {
729
729
  left: 0;
730
730
  top: 0;
731
731
  width: 540px;
732
732
  height: 360px;
733
733
  }
734
- .mindspore .nav-background-right[data-v-40872d20] {
734
+ .mindspore .nav-background-right[data-v-6d490c27] {
735
735
  width: 643px;
736
736
  height: 364px;
737
737
  z-index: -1;
738
738
  }
739
- .mindspore .item-label .item-name[data-v-40872d20] {
739
+ .mindspore .item-label .item-name[data-v-6d490c27] {
740
740
  font-size: 14px;
741
741
  line-height: 22px;
742
742
  }
743
743
  @media (min-width: 1201px) and (max-width: 1680px) {
744
- .mindspore .item-label .item-name[data-v-40872d20] {
744
+ .mindspore .item-label .item-name[data-v-6d490c27] {
745
745
  font-size: 14px;
746
746
  line-height: 18px;
747
747
  }
748
748
  }
749
749
  @media (min-width: 841px) and (max-width: 1200px) {
750
- .mindspore .item-label .item-name[data-v-40872d20] {
750
+ .mindspore .item-label .item-name[data-v-6d490c27] {
751
751
  font-size: 12px;
752
752
  line-height: 18px;
753
753
  }
754
754
  }
755
755
  @media (min-width: 601px) and (max-width: 840px) {
756
- .mindspore .item-label .item-name[data-v-40872d20] {
756
+ .mindspore .item-label .item-name[data-v-6d490c27] {
757
757
  font-size: 12px;
758
758
  line-height: 18px;
759
759
  }
760
760
  }
761
761
  @media (max-width: 600px) {
762
- .mindspore .item-label .item-name[data-v-40872d20] {
762
+ .mindspore .item-label .item-name[data-v-6d490c27] {
763
763
  font-size: 12px;
764
764
  line-height: 18px;
765
765
  }
766
766
  }
767
- .mindspore .item-label .content-tag[data-v-40872d20] {
767
+ .mindspore .item-label .content-tag[data-v-6d490c27] {
768
768
  --layout-pkg-radius: 100vh;
769
769
  }
770
- .mindspore .content-right .shortcut[data-v-40872d20] {
770
+ .mindspore .content-right .shortcut[data-v-6d490c27] {
771
771
  border-radius: var(--o-radius-s);
772
772
  }
773
- .mindspore .content-right .review .review-picture[data-v-40872d20] {
773
+ .mindspore .content-right .review .review-picture[data-v-6d490c27] {
774
774
  border-radius: var(--o-radius-s);
775
775
  }
776
- .mindspore.docs .item-sub[data-v-40872d20] {
776
+ .mindspore.docs .item-sub[data-v-6d490c27] {
777
777
  width: 16.6666666667%;
778
778
  }
779
- .mindspore.docs .item-sub .content-item[data-v-40872d20] {
779
+ .mindspore.docs .item-sub .content-item[data-v-6d490c27] {
780
780
  width: calc(100% - var(--sub-right));
781
781
  }
782
- .openubmc[data-v-40872d20] {
782
+ .openubmc[data-v-6d490c27] {
783
783
  --sub-right: 24px;
784
784
  }
785
785
  @media (max-width: 1440px) {
786
- .openubmc[data-v-40872d20] {
786
+ .openubmc[data-v-6d490c27] {
787
787
  --sub-right: 16px;
788
788
  }
789
789
  }
790
- .openubmc.download .item-sub[data-v-40872d20] {
790
+ .openubmc.download .item-sub[data-v-6d490c27] {
791
791
  width: 25%;
792
792
  }
793
- .openubmc.download .item-sub[data-v-40872d20]:nth-of-type(1) {
793
+ .openubmc.download .item-sub[data-v-6d490c27]:nth-of-type(1) {
794
794
  width: 50%;
795
795
  }
796
- .openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-40872d20] {
796
+ .openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-6d490c27] {
797
797
  flex-direction: row;
798
798
  }
799
- .openubmc.download .item-sub:nth-of-type(1) .content-item[data-v-40872d20] {
799
+ .openubmc.download .item-sub:nth-of-type(1) .content-item[data-v-6d490c27] {
800
800
  width: calc(50% - var(--sub-right));
801
801
  }
802
- .openubmc.download .item-sub:nth-of-type(1) .content-item[data-v-40872d20]:nth-of-type(2) {
802
+ .openubmc.download .item-sub:nth-of-type(1) .content-item[data-v-6d490c27]:nth-of-type(2) {
803
803
  margin-top: 0;
804
804
  }
805
- .openubmc.development .item-sub[data-v-40872d20], .openubmc.trends .item-sub[data-v-40872d20] {
805
+ .openubmc.development .item-sub[data-v-6d490c27], .openubmc.trends .item-sub[data-v-6d490c27] {
806
806
  width: 100%;
807
807
  }
808
- .openubmc.development .item-sub .content-container[data-v-40872d20], .openubmc.trends .item-sub .content-container[data-v-40872d20] {
808
+ .openubmc.development .item-sub .content-container[data-v-6d490c27], .openubmc.trends .item-sub .content-container[data-v-6d490c27] {
809
809
  flex-direction: row;
810
810
  }
811
- .openubmc.development .item-sub .content-item[data-v-40872d20], .openubmc.trends .item-sub .content-item[data-v-40872d20] {
811
+ .openubmc.development .item-sub .content-item[data-v-6d490c27], .openubmc.trends .item-sub .content-item[data-v-6d490c27] {
812
812
  width: calc(33% - var(--sub-right));
813
813
  margin-right: var(--sub-right);
814
814
  }
815
- .openubmc.development .item-sub .content-item[data-v-40872d20]:nth-child(-n+4), .openubmc.trends .item-sub .content-item[data-v-40872d20]:nth-child(-n+4) {
815
+ .openubmc.development .item-sub .content-item[data-v-6d490c27]:nth-child(-n+4), .openubmc.trends .item-sub .content-item[data-v-6d490c27]:nth-child(-n+4) {
816
816
  margin-top: 0;
817
817
  }
818
- .openubmc.development .item-sub .content-item[data-v-40872d20]:nth-of-type(4), .openubmc.trends .item-sub .content-item[data-v-40872d20]:nth-of-type(4) {
818
+ .openubmc.development .item-sub .content-item[data-v-6d490c27]:nth-of-type(4), .openubmc.trends .item-sub .content-item[data-v-6d490c27]:nth-of-type(4) {
819
819
  margin-right: 0;
820
820
  }
821
- .openubmc.docs .item-sub[data-v-40872d20] {
821
+ .openubmc.docs .item-sub[data-v-6d490c27] {
822
822
  width: 76%;
823
823
  }
824
- .openubmc.docs .item-sub .content-container[data-v-40872d20] {
824
+ .openubmc.docs .item-sub .content-container[data-v-6d490c27] {
825
825
  flex-direction: row;
826
826
  }
827
- .openubmc.docs .item-sub .content-item[data-v-40872d20] {
827
+ .openubmc.docs .item-sub .content-item[data-v-6d490c27] {
828
828
  width: calc(25% - var(--sub-right));
829
829
  margin-right: var(--sub-right);
830
830
  }
831
- .openubmc.docs .item-sub .content-item[data-v-40872d20]:nth-child(-n+4) {
831
+ .openubmc.docs .item-sub .content-item[data-v-6d490c27]:nth-child(-n+4) {
832
832
  margin-top: 0;
833
833
  }
834
- .openubmc.docs .item-sub .content-item[data-v-40872d20]:nth-of-type(4) {
834
+ .openubmc.docs .item-sub .content-item[data-v-6d490c27]:nth-of-type(4) {
835
835
  margin-right: 0;
836
836
  }
837
837
  @media (max-width: 1200px) {
838
- .openubmc.docs .item-sub[data-v-40872d20] {
838
+ .openubmc.docs .item-sub[data-v-6d490c27] {
839
839
  width: 100%;
840
840
  }
841
841
  }
842
- .openubmc.learn .item-sub[data-v-40872d20] {
842
+ .openubmc.learn .item-sub[data-v-6d490c27] {
843
843
  width: 38%;
844
844
  }
845
- .openubmc.support .item-sub[data-v-40872d20] {
845
+ .openubmc.support .item-sub[data-v-6d490c27] {
846
846
  width: 19%;
847
847
  }
848
- .openubmc.support .item-sub[data-v-40872d20]:nth-of-type(2) {
848
+ .openubmc.support .item-sub[data-v-6d490c27]:nth-of-type(2) {
849
849
  width: 57%;
850
850
  }
851
- .openubmc.support .item-sub:nth-of-type(2) .content-container[data-v-40872d20] {
851
+ .openubmc.support .item-sub:nth-of-type(2) .content-container[data-v-6d490c27] {
852
852
  flex-direction: row;
853
853
  }
854
- .openubmc.support .item-sub:nth-of-type(2) .content-item[data-v-40872d20] {
854
+ .openubmc.support .item-sub:nth-of-type(2) .content-item[data-v-6d490c27] {
855
855
  width: calc(33% - var(--sub-right));
856
856
  margin-right: var(--sub-right);
857
857
  }
858
- .openubmc.support .item-sub:nth-of-type(2) .content-item[data-v-40872d20]:nth-child(-n+3) {
858
+ .openubmc.support .item-sub:nth-of-type(2) .content-item[data-v-6d490c27]:nth-child(-n+3) {
859
859
  margin-top: 0;
860
860
  }
861
- .openubmc.support .item-sub:nth-of-type(2) .content-item[data-v-40872d20]:nth-of-type(3n) {
861
+ .openubmc.support .item-sub:nth-of-type(2) .content-item[data-v-6d490c27]:nth-of-type(3n) {
862
862
  margin-right: 0;
863
863
  }
864
864
  @media (max-width: 1200px) {
865
- .openubmc.support .item-sub[data-v-40872d20] {
865
+ .openubmc.support .item-sub[data-v-6d490c27] {
866
866
  width: 25%;
867
867
  }
868
- .openubmc.support .item-sub[data-v-40872d20]:nth-of-type(2) {
868
+ .openubmc.support .item-sub[data-v-6d490c27]:nth-of-type(2) {
869
869
  width: 75%;
870
870
  }
871
871
  }
872
- .openubmc.community .item-sub[data-v-40872d20] {
872
+ .openubmc.community .item-sub[data-v-6d490c27] {
873
873
  width: 50%;
874
874
  }
875
- .openubmc.community .item-sub .content-container[data-v-40872d20] {
875
+ .openubmc.community .item-sub .content-container[data-v-6d490c27] {
876
876
  flex-direction: row;
877
877
  }
878
- .openubmc.community .item-sub .content-item[data-v-40872d20] {
878
+ .openubmc.community .item-sub .content-item[data-v-6d490c27] {
879
879
  width: calc(50% - var(--sub-right));
880
880
  margin-right: var(--sub-right);
881
881
  }
882
- .openubmc.community .item-sub .content-item[data-v-40872d20]:nth-child(-n+2) {
882
+ .openubmc.community .item-sub .content-item[data-v-6d490c27]:nth-child(-n+2) {
883
883
  margin-top: 0;
884
884
  }
885
- .openubmc.community .item-sub .content-item[data-v-40872d20]:nth-of-type(2n) {
885
+ .openubmc.community .item-sub .content-item[data-v-6d490c27]:nth-of-type(2n) {
886
886
  margin-right: 0;
887
887
  }
888
- .nav-content.is-horizontal[data-v-40872d20] {
888
+ .nav-content.is-horizontal[data-v-6d490c27] {
889
889
  --sub-right: 24px;
890
890
  }
891
891
  @media (max-width: 1440px) {
892
- .nav-content.is-horizontal[data-v-40872d20] {
892
+ .nav-content.is-horizontal[data-v-6d490c27] {
893
893
  --sub-right: 16px;
894
894
  }
895
895
  }
896
- .nav-content.is-horizontal .item-sub[data-v-40872d20] {
896
+ .nav-content.is-horizontal .item-sub[data-v-6d490c27] {
897
897
  width: 100%;
898
898
  }
899
- .nav-content.is-horizontal .item-sub .content-container[data-v-40872d20] {
899
+ .nav-content.is-horizontal .item-sub .content-container[data-v-6d490c27] {
900
900
  flex-direction: row;
901
901
  }
902
- .nav-content.is-horizontal .item-sub .content-item[data-v-40872d20] {
902
+ .nav-content.is-horizontal .item-sub .content-item[data-v-6d490c27] {
903
903
  width: calc(33% - var(--sub-right));
904
904
  margin-right: var(--sub-right);
905
905
  }
906
- .nav-content.is-horizontal .item-sub .content-item[data-v-40872d20]:nth-child(-n+3) {
906
+ .nav-content.is-horizontal .item-sub .content-item[data-v-6d490c27]:nth-child(-n+3) {
907
907
  margin-top: 0;
908
908
  }
909
- .nav-content.is-horizontal .item-sub .content-item[data-v-40872d20]:nth-of-type(3n) {
910
- margin-right: 0;
911
- }
912
-
913
- /* openGauss 页头面板布局（对齐 openGauss 官网页头） */
914
- .opengauss[data-v-40872d20] {
915
- --sub-right: 24px;
916
- }
917
- @media (max-width: 1440px) {
918
- .opengauss[data-v-40872d20] {
919
- --sub-right: 16px;
920
- }
921
- }
922
- .opengauss[data-v-40872d20] {
923
- /* 「学习」面板：第一个子分组（视频）横排两列（2×2），其余子分组竖排 */
924
- }
925
- .opengauss.learn .item-sub[data-v-40872d20]:nth-of-type(1) {
926
- width: 50%;
927
- }
928
- .opengauss.learn .item-sub:nth-of-type(1) .content-container[data-v-40872d20] {
929
- flex-direction: row;
930
- flex-wrap: wrap;
931
- }
932
- .opengauss.learn .item-sub:nth-of-type(1) .content-item[data-v-40872d20] {
933
- width: calc(50% - var(--sub-right));
934
- margin-right: var(--sub-right);
935
- }
936
- .opengauss.learn .item-sub:nth-of-type(1) .content-item[data-v-40872d20]:nth-child(-n+2) {
937
- margin-top: 0;
938
- }
939
- .opengauss.learn .item-sub:nth-of-type(1) .content-item[data-v-40872d20]:nth-of-type(2n) {
909
+ .nav-content.is-horizontal .item-sub .content-item[data-v-6d490c27]:nth-of-type(3n) {
940
910
  margin-right: 0;
941
911
  }