@quicktvui/quicktvui3 0.0.56 → 0.0.58

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 (4) hide show
  1. package/dist/index.css +275 -275
  2. package/dist/index.js +2 -1
  3. package/dist/src/tab/index.vue.d.ts +18 -2
  4. package/package.json +21 -21
package/dist/index.css CHANGED
@@ -1,419 +1,419 @@
1
1
  /* ----------------Button---------------------- */
2
- .quick-button--default[data-v-46a594e4] {
3
- flex-direction: row;
4
- width: 280px;
5
- height: 80px;
6
- justify-content: center;
7
- align-items: center;
8
- background-color: rgba(240, 240, 242, 0.08);
9
- border-radius: 4px;
2
+ .quick-button--default[data-v-46a594e4] {
3
+ flex-direction: row;
4
+ width: 280px;
5
+ height: 80px;
6
+ justify-content: center;
7
+ align-items: center;
8
+ background-color: rgba(240, 240, 242, 0.08);
9
+ border-radius: 4px;
10
10
  focus-background-color: #F0F0F2;
11
11
  }
12
- .quick-button--large[data-v-46a594e4] {
13
- width: 380px;
12
+ .quick-button--large[data-v-46a594e4] {
13
+ width: 380px;
14
14
  height: 80px;
15
15
  }
16
- .quick-button--medium[data-v-46a594e4] {
17
- width: 280px;
16
+ .quick-button--medium[data-v-46a594e4] {
17
+ width: 280px;
18
18
  height: 80px;
19
19
  }
20
- .quick-button--small[data-v-46a594e4] {
21
- width: 200px;
20
+ .quick-button--small[data-v-46a594e4] {
21
+ width: 200px;
22
22
  height: 64px;
23
23
  }
24
- .quick-button--mini[data-v-46a594e4] {
25
- width: 160px;
24
+ .quick-button--mini[data-v-46a594e4] {
25
+ width: 160px;
26
26
  height: 64px;
27
- }
28
-
27
+ }
28
+
29
29
  /* -----------------Text--------------------- */
30
- .quick-button-text--default[data-v-46a594e4] {
31
- font-size: 32px;
32
- color: rgba(255, 255, 255, 0.7);
33
- text-align: center;
34
- text-align-vertical: center;
35
- focus-color: rgba(0, 0, 0, 0.9);
36
- margin-right: 8px;
30
+ .quick-button-text--default[data-v-46a594e4] {
31
+ font-size: 32px;
32
+ color: rgba(255, 255, 255, 0.7);
33
+ text-align: center;
34
+ text-align-vertical: center;
35
+ focus-color: rgba(0, 0, 0, 0.9);
36
+ margin-right: 8px;
37
37
  margin-left: 8px;
38
38
  }
39
- .quick-button-text--large[data-v-46a594e4] {
40
- font-size: 32px;
41
- color: rgba(255, 255, 255, 0.7);
42
- text-align: center;
43
- text-align-vertical: center;
44
- focus-color: rgba(0, 0, 0, 0.9);
45
- margin-right: 12px;
39
+ .quick-button-text--large[data-v-46a594e4] {
40
+ font-size: 32px;
41
+ color: rgba(255, 255, 255, 0.7);
42
+ text-align: center;
43
+ text-align-vertical: center;
44
+ focus-color: rgba(0, 0, 0, 0.9);
45
+ margin-right: 12px;
46
46
  margin-left: 12px;
47
47
  }
48
- .quick-button-text--medium[data-v-46a594e4] {
49
- font-size: 32px;
50
- color: rgba(255, 255, 255, 0.7);
51
- text-align: center;
52
- text-align-vertical: center;
53
- focus-color: rgba(0, 0, 0, 0.9);
54
- margin-right: 8px;
48
+ .quick-button-text--medium[data-v-46a594e4] {
49
+ font-size: 32px;
50
+ color: rgba(255, 255, 255, 0.7);
51
+ text-align: center;
52
+ text-align-vertical: center;
53
+ focus-color: rgba(0, 0, 0, 0.9);
54
+ margin-right: 8px;
55
55
  margin-left: 8px;
56
56
  }
57
- .quick-button-text--small[data-v-46a594e4] {
58
- font-size: 32px;
59
- color: rgba(255, 255, 255, 0.7);
60
- text-align: center;
61
- text-align-vertical: center;
62
- focus-color: rgba(0, 0, 0, 0.9);
63
- margin-right: 8px;
57
+ .quick-button-text--small[data-v-46a594e4] {
58
+ font-size: 32px;
59
+ color: rgba(255, 255, 255, 0.7);
60
+ text-align: center;
61
+ text-align-vertical: center;
62
+ focus-color: rgba(0, 0, 0, 0.9);
63
+ margin-right: 8px;
64
64
  margin-left: 8px;
65
65
  }
66
- .quick-button-text--mini[data-v-46a594e4] {
67
- font-size: 32px;
68
- color: rgba(255, 255, 255, 0.7);
69
- text-align: center;
70
- text-align-vertical: center;
71
- focus-color: rgba(0, 0, 0, 0.9);
72
- margin-right: 5px;
66
+ .quick-button-text--mini[data-v-46a594e4] {
67
+ font-size: 32px;
68
+ color: rgba(255, 255, 255, 0.7);
69
+ text-align: center;
70
+ text-align-vertical: center;
71
+ focus-color: rgba(0, 0, 0, 0.9);
72
+ margin-right: 5px;
73
73
  margin-left: 5px;
74
- }
75
-
74
+ }
75
+
76
76
  /* -------------------------------------- */
77
- .is-disabled-button[data-v-46a594e4] {
78
- background-color: rgba(240, 240, 242, 0.04);
77
+ .is-disabled-button[data-v-46a594e4] {
78
+ background-color: rgba(240, 240, 242, 0.04);
79
79
  focus-background-color: #F0F0F2;
80
80
  }
81
- .is-disabled-text[data-v-46a594e4] {
82
- color: rgba(255, 255, 255, 0.2);
81
+ .is-disabled-text[data-v-46a594e4] {
82
+ color: rgba(255, 255, 255, 0.2);
83
83
  focus-color: rgba(0, 0, 0, 0.2);
84
84
  }
85
- .is-square-text[data-v-46a594e4] {
85
+ .is-square-text[data-v-46a594e4] {
86
86
  font-size: 28px;
87
- }
88
-
87
+ }
88
+
89
89
  /* -------------------------------------- */
90
- .is-circle[data-v-46a594e4] {
90
+ .is-circle[data-v-46a594e4] {
91
91
  border-radius: 50%;
92
92
  }
93
- .is-round[data-v-46a594e4] {
93
+ .is-round[data-v-46a594e4] {
94
94
  border-radius: 100px;
95
95
  }
96
- .is-square[data-v-46a594e4] {
97
- width: 173px;
98
- height: 173px;
96
+ .is-square[data-v-46a594e4] {
97
+ width: 173px;
98
+ height: 173px;
99
99
  flex-direction: column;
100
- }
101
-
100
+ }
101
+
102
102
  /* ---------------Gradient----------------------- */
103
- .button-gradient-background-css[data-v-46a594e4] {
104
- background-color: transparent;
105
- position: absolute;
106
- left: 0;
107
- right: 0;
108
- top: 0;
103
+ .button-gradient-background-css[data-v-46a594e4] {
104
+ background-color: transparent;
105
+ position: absolute;
106
+ left: 0;
107
+ right: 0;
108
+ top: 0;
109
109
  bottom: 0;
110
- }
111
-
110
+ }
111
+
112
112
  /* ----------------ICON---PARENT------------------- */
113
- .quick-button-icon-parent[data-v-46a594e4] {
114
- width: 40px;
115
- height: 40px;
116
- background-color: transparent;
117
- display: flex;
118
- align-items: center;
113
+ .quick-button-icon-parent[data-v-46a594e4] {
114
+ width: 40px;
115
+ height: 40px;
116
+ background-color: transparent;
117
+ display: flex;
118
+ align-items: center;
119
119
  justify-content: center;
120
120
  }
121
- .quick-button-icon-parent--large[data-v-46a594e4] {
122
- width: 40px;
123
- height: 40px;
124
- margin-right: 12px;
121
+ .quick-button-icon-parent--large[data-v-46a594e4] {
122
+ width: 40px;
123
+ height: 40px;
124
+ margin-right: 12px;
125
125
  margin-left: 12px;
126
126
  }
127
- .quick-button-icon-parent--medium[data-v-46a594e4] {
128
- width: 40px;
129
- height: 40px;
130
- margin-right: 8px;
127
+ .quick-button-icon-parent--medium[data-v-46a594e4] {
128
+ width: 40px;
129
+ height: 40px;
130
+ margin-right: 8px;
131
131
  margin-left: 8px;
132
132
  }
133
- .quick-button-icon-parent--small[data-v-46a594e4] {
134
- width: 32px;
135
- height: 32px;
136
- margin-right: 8px;
133
+ .quick-button-icon-parent--small[data-v-46a594e4] {
134
+ width: 32px;
135
+ height: 32px;
136
+ margin-right: 8px;
137
137
  margin-left: 8px;
138
138
  }
139
- .quick-button-icon-parent--mini[data-v-46a594e4] {
140
- width: 30px;
141
- height: 30px;
142
- margin-right: 5px;
139
+ .quick-button-icon-parent--mini[data-v-46a594e4] {
140
+ width: 30px;
141
+ height: 30px;
142
+ margin-right: 5px;
143
143
  margin-left: 5px;
144
- }
145
-
144
+ }
145
+
146
146
  /* ----------------ICON---------------------- */
147
- .quick-button-icon[data-v-46a594e4] {
148
- width: 40px;
149
- height: 40px;
147
+ .quick-button-icon[data-v-46a594e4] {
148
+ width: 40px;
149
+ height: 40px;
150
150
  position: absolute;
151
151
  }
152
- .quick-button-icon--large[data-v-46a594e4] {
153
- width: 40px;
152
+ .quick-button-icon--large[data-v-46a594e4] {
153
+ width: 40px;
154
154
  height: 40px;
155
155
  }
156
- .quick-button-icon--medium[data-v-46a594e4] {
157
- width: 40px;
156
+ .quick-button-icon--medium[data-v-46a594e4] {
157
+ width: 40px;
158
158
  height: 40px;
159
159
  }
160
- .quick-button-icon--small[data-v-46a594e4] {
161
- width: 32px;
160
+ .quick-button-icon--small[data-v-46a594e4] {
161
+ width: 32px;
162
162
  height: 32px;
163
163
  }
164
- .quick-button-icon--mini[data-v-46a594e4] {
165
- width: 30px;
164
+ .quick-button-icon--mini[data-v-46a594e4] {
165
+ width: 30px;
166
166
  height: 30px;
167
167
  }
168
- .is-square-icon[data-v-46a594e4] {
169
- width: 64px;
170
- height: 64px;
171
- margin-bottom: 16px;
168
+ .is-square-icon[data-v-46a594e4] {
169
+ width: 64px;
170
+ height: 64px;
171
+ margin-bottom: 16px;
172
172
  margin-right: 0;
173
- }
173
+ }
174
174
 
175
175
 
176
- .absoluteFocusTitleRoot[data-v-703673b8] {
177
- position: absolute;
178
- z-index: 999;
176
+ .absoluteFocusTitleRoot[data-v-703673b8] {
177
+ position: absolute;
178
+ z-index: 999;
179
179
  background-color: transparent;
180
180
  }
181
- .absoluteFocusMainBgRoot[data-v-703673b8] {
182
- border-bottom-left-radius: 8px;
183
- border-bottom-right-radius: 8px;
181
+ .absoluteFocusMainBgRoot[data-v-703673b8] {
182
+ border-bottom-left-radius: 8px;
183
+ border-bottom-right-radius: 8px;
184
184
  background-color: white;
185
- }
185
+ }
186
186
 
187
187
 
188
- .cornerRoot[data-v-4b767ea2] {
188
+ .cornerRoot[data-v-4b767ea2] {
189
189
  flex-direction: row-reverse;
190
- }
190
+ }
191
191
 
192
192
 
193
- .qt-ui-poster-root-css[data-v-3c4765e9] {
194
- position: absolute;
195
- background-color: transparent;
196
- focus-scale: 1.1;
193
+ .qt-ui-poster-root-css[data-v-3c4765e9] {
194
+ position: absolute;
195
+ background-color: transparent;
196
+ focus-scale: 1.1;
197
197
  overflow: hidden;
198
198
  }
199
- .qt-ui-poster-img-css[data-v-3c4765e9] {
200
- background-color: rgba(255, 255, 255, 0.1);
201
- z-index: 1;
202
- position: absolute;
203
- focus-border-color: white;
204
- focus-border-style: solid;
199
+ .qt-ui-poster-img-css[data-v-3c4765e9] {
200
+ background-color: rgba(255, 255, 255, 0.1);
201
+ z-index: 1;
202
+ position: absolute;
203
+ focus-border-color: white;
204
+ focus-border-style: solid;
205
205
  border-radius: 8px;
206
206
  }
207
- .qt-ui-poster-title-css[data-v-3c4765e9] {
208
- padding-left: 16px;
209
- padding-top: 15px;
207
+ .qt-ui-poster-title-css[data-v-3c4765e9] {
208
+ padding-left: 16px;
209
+ padding-top: 15px;
210
210
  background-color: transparent;
211
211
  }
212
- .qt-ui-ripple-img-css[data-v-3c4765e9] {
213
- width: 60px;
214
- height: 60px;
215
- background-color: transparent;
216
- position: absolute;
217
- z-index: 1001;
218
- right: 20px;
212
+ .qt-ui-ripple-img-css[data-v-3c4765e9] {
213
+ width: 60px;
214
+ height: 60px;
215
+ background-color: transparent;
216
+ position: absolute;
217
+ z-index: 1001;
218
+ right: 20px;
219
219
  bottom: 20px;
220
220
  }
221
- .qt-ui-ripple-view-css[data-v-3c4765e9] {
222
- width: 100px;
223
- height: 100px;
224
- z-index: 1000;
225
- background-color: transparent;
221
+ .qt-ui-ripple-view-css[data-v-3c4765e9] {
222
+ width: 100px;
223
+ height: 100px;
224
+ z-index: 1000;
225
+ background-color: transparent;
226
226
  position: absolute;
227
227
  }
228
- .qt-ui-poster-ripple-view-root-css[data-v-3c4765e9] {
229
- width: 100px;
230
- height: 100px;
231
- right: 0;
232
- bottom: 0;
233
- margin-right: -12px;
234
- z-index: 1000;
235
- background-color: transparent;
228
+ .qt-ui-poster-ripple-view-root-css[data-v-3c4765e9] {
229
+ width: 100px;
230
+ height: 100px;
231
+ right: 0;
232
+ bottom: 0;
233
+ margin-right: -12px;
234
+ z-index: 1000;
235
+ background-color: transparent;
236
236
  position: absolute;
237
- }
237
+ }
238
+
238
239
 
239
240
 
240
-
241
- .qt-ui-nav-bar-root-horizontal {
242
- height: 72px;
241
+ .qt-ui-nav-bar-root-horizontal {
242
+ height: 72px;
243
243
  background-color: transparent;
244
244
  }
245
- .qt-ui-nav-bar-root-vertical {
245
+ .qt-ui-nav-bar-root-vertical {
246
246
  background-color: transparent;
247
247
  }
248
- .qt-ui-nav-bar-item-css {
249
- padding-left: 40px;
250
- padding-right: 40px;
251
- height: 70px;
252
- justify-content: center;
253
- flex-direction: column;
254
- display: flex;
255
- align-items: center;
256
- border-radius: 35px;
248
+ .qt-ui-nav-bar-item-css {
249
+ padding-left: 40px;
250
+ padding-right: 40px;
251
+ height: 70px;
252
+ justify-content: center;
253
+ flex-direction: column;
254
+ display: flex;
255
+ align-items: center;
256
+ border-radius: 35px;
257
257
  background-color: transparent;
258
258
  }
259
- .qt-ui-nav-bar-item-text-css {
260
- height: 60px;
261
- color: rgba(255, 255, 255, 0.5);
262
- focus-color: black;
263
- background-color: transparent;
264
- select-color: white;
259
+ .qt-ui-nav-bar-item-text-css {
260
+ height: 60px;
261
+ color: rgba(255, 255, 255, 0.5);
262
+ focus-color: black;
263
+ background-color: transparent;
264
+ select-color: white;
265
265
  align-self: center;
266
- }
267
-
266
+ }
267
+
268
268
 
269
269
 
270
- .qt-ui-waterfall-card-item[data-v-599898aa] {
270
+ .qt-ui-waterfall-card-item[data-v-599898aa] {
271
271
  background-color: transparent;
272
- }
272
+ }
273
273
 
274
274
 
275
- .standard-section-css[data-v-227e921e] {
276
- display: flex;
277
- background-color: transparent;
278
- flex-direction: column;
279
- align-items: flex-start;
275
+ .standard-section-css[data-v-227e921e] {
276
+ display: flex;
277
+ background-color: transparent;
278
+ flex-direction: column;
279
+ align-items: flex-start;
280
280
  justify-content: flex-start;
281
281
  }
282
- .standard-section-title-text-css[data-v-227e921e] {
283
- width: 1920px;
284
- height: 60px;
285
- color: #ffffff;
282
+ .standard-section-title-text-css[data-v-227e921e] {
283
+ width: 1920px;
284
+ height: 60px;
285
+ color: #ffffff;
286
286
  background-color: transparent;
287
- }
287
+ }
288
288
 
289
289
 
290
- .qt-ui-section-tab-list-root[data-v-88e60816] {
291
- background-color: transparent;
290
+ .qt-ui-section-tab-list-root[data-v-88e60816] {
291
+ background-color: transparent;
292
292
  margin-left: 0px;
293
293
  }
294
- .qt-ui-section-tab-list-item-text[data-v-88e60816] {
295
- focusColor: #000000;
296
- selectColor: #ff0000;
294
+ .qt-ui-section-tab-list-item-text[data-v-88e60816] {
295
+ focusColor: #000000;
296
+ selectColor: #ff0000;
297
297
  color: #ffffff80;
298
298
  }
299
- .qt-ui-section-tab-list-item[data-v-88e60816] {
300
- border-radius: 99px;
301
- padding-top: 5px;
302
- padding-bottom: 8px;
303
- background-color: transparent;
299
+ .qt-ui-section-tab-list-item[data-v-88e60816] {
300
+ border-radius: 99px;
301
+ padding-top: 5px;
302
+ padding-bottom: 8px;
303
+ background-color: transparent;
304
304
  focus-background-color: #F5F5F5;
305
305
  }
306
306
  .tab-list-section-root-css[data-v-88e60816] {
307
307
  }
308
308
  .tab-list-section-list-css[data-v-88e60816] {
309
309
  }
310
- .tab-list-section-title-text-css[data-v-88e60816] {
311
- width: 1920px;
312
- height: 60px;
313
- color: #ffffff;
310
+ .tab-list-section-title-text-css[data-v-88e60816] {
311
+ width: 1920px;
312
+ height: 60px;
313
+ color: #ffffff;
314
314
  background-color: transparent;
315
- }
315
+ }
316
+
316
317
 
317
318
 
318
-
319
- .loading-section-css[data-v-48609f24] {
320
- width: 1920px;
321
- height: 1080px;
319
+ .loading-section-css[data-v-48609f24] {
320
+ width: 1920px;
321
+ height: 1080px;
322
322
  background-color: transparent;
323
323
  }
324
- .loading-section-loading-css[data-v-48609f24] {
325
- width: 100px;
326
- height: 100px;
327
- align-self: center;
324
+ .loading-section-loading-css[data-v-48609f24] {
325
+ width: 100px;
326
+ height: 100px;
327
+ align-self: center;
328
328
  margin-top: 550px
329
- }
330
-
329
+ }
330
+
331
331
 
332
332
 
333
- .qt-waterfall-end-section-css[data-v-70b82c43] {
334
- background-color: transparent;
335
- align-items: center;
336
- display: flex;
337
- flex-direction: column;
333
+ .qt-waterfall-end-section-css[data-v-70b82c43] {
334
+ background-color: transparent;
335
+ align-items: center;
336
+ display: flex;
337
+ flex-direction: column;
338
338
  justify-content: center;
339
339
  }
340
- .qt-waterfall-end-section-text-css[data-v-70b82c43] {
341
- width: 500px;
342
- height: 50px;
343
- color: rgba(255, 255, 255, .5);
344
- align-self: center;
340
+ .qt-waterfall-end-section-text-css[data-v-70b82c43] {
341
+ width: 500px;
342
+ height: 50px;
343
+ color: rgba(255, 255, 255, .5);
344
+ align-self: center;
345
345
  background-color: transparent;
346
- }
346
+ }
347
347
 
348
348
 
349
- .section-title-css[data-v-20428d40] {
350
- width: 1920px;
351
- height: 60px;
352
- display: flex;
353
- flex-direction: column;
349
+ .section-title-css[data-v-20428d40] {
350
+ width: 1920px;
351
+ height: 60px;
352
+ display: flex;
353
+ flex-direction: column;
354
354
  background-color: transparent;
355
355
  }
356
- .section-title-text-css[data-v-20428d40] {
357
- position: absolute;
358
- width: 1920px;
359
- height: 60px;
360
- margin-left: 90px;
356
+ .section-title-text-css[data-v-20428d40] {
357
+ position: absolute;
358
+ width: 1920px;
359
+ height: 60px;
360
+ margin-left: 90px;
361
361
  color: #ffffff;
362
- }
363
-
362
+ }
363
+
364
364
 
365
365
 
366
- .qt-ui-waterfall-blank-section[data-v-eeab4d88] {
366
+ .qt-ui-waterfall-blank-section[data-v-eeab4d88] {
367
367
  background-color: transparent;
368
- }
368
+ }
369
369
 
370
370
 
371
- .qt-ui-waterfall-card-section-css[data-v-43a44788] {
371
+ .qt-ui-waterfall-card-section-css[data-v-43a44788] {
372
372
  background-color: transparent;
373
373
  }
374
- .qt-ui-waterfall-card-section[data-v-43a44788] {
374
+ .qt-ui-waterfall-card-section[data-v-43a44788] {
375
375
  background-color: transparent;
376
376
  }
377
- .qt-ui-waterfall-card-section-title-css[data-v-43a44788] {
378
- width: 1920px;
379
- height: 60px;
380
- color: #ffffff;
377
+ .qt-ui-waterfall-card-section-title-css[data-v-43a44788] {
378
+ width: 1920px;
379
+ height: 60px;
380
+ color: #ffffff;
381
381
  background-color: transparent;
382
- }
383
-
382
+ }
383
+
384
384
 
385
385
 
386
- .qt-ui-waterfall-vue-section[data-v-f8447724] {
386
+ .qt-ui-waterfall-vue-section[data-v-f8447724] {
387
387
  background-color: transparent;
388
- }
388
+ }
389
389
 
390
390
 
391
- .qt-waterfall-root-css[data-v-2e65df68] {
391
+ .qt-waterfall-root-css[data-v-2e65df68] {
392
392
  background-color: transparent;
393
- }
393
+ }
394
+
394
395
 
395
396
 
396
-
397
- .tabs-root-css {
397
+ .tabs-root-css {
398
398
  background-color: transparent;
399
- }
400
-
401
-
399
+ }
400
+
401
+
402
402
 
403
403
 
404
- .content_list_view[data-v-cbd7c454]{width: 1920px;height: 200px;background-color: transparent;}
405
- .clv_item[data-v-cbd7c454]{width: 316px;height: 178px;background-color: transparent;border-radius: 8px;}
406
- .coverV[data-v-cbd7c454]{width: 316px;height: 178px;background-color: rgba(255,255,255,0.1);border-radius: 8px;}
407
- .clv_item_text_box[data-v-cbd7c454]{width: 316px;height: 60px;background-color: rgba(255,255,255,0.1);
408
- position: absolute;left: 0;top: 118px;flex-direction: row;justify-content: flex-start;align-items: center;
404
+ .content_list_view{width: 1920px;height: 210px;background-color: transparent;}
405
+ .clv_item{width: 316px;height: 178px;background-color: transparent;border-radius: 8px;}
406
+ .coverV{width: 316px;height: 178px;background-color: rgba(255,255,255,0.1);border-radius: 8px;}
407
+ .clv_item_text_box{width: 316px;height: 60px;background-color: transparent;
408
+ position: absolute;left: 0;top: 118px;flex-direction: row;justify-content: flex-start;align-items: center;
409
409
  border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
410
- .titMask[data-v-cbd7c454]{position: absolute;width: 316px;height: 60px;top: 0;left: 0;}
411
- .icon[data-v-cbd7c454]{width: 28px;height: 30px;background-color: rgba(255,255,255,0.1);margin-left: 16px;}
412
- .clv_item_text[data-v-cbd7c454]{width: 265px;height: 60px;color: #fff;background-color: transparent;}
413
- .nav_list_view[data-v-cbd7c454]{width: 1920px;height: 80px;background-color: transparent;}
414
- .nav_item[data-v-cbd7c454]{width: 168px;height: 80px;background-color: transparent;border-radius: 40px;}
415
- .nav_item_text_focused[data-v-cbd7c454]{width: 168px;height: 80px;position: absolute;background-color: transparent;border-radius: 40px;}
416
- .nav_item_text[data-v-cbd7c454]{width: 168px;height: 80px;position: absolute;border-radius: 40px;background-color: transparent;}
417
- .text[data-v-cbd7c454]{width: 168px;height: 80px;color: #fff;position: absolute;}
418
- .text_selected[data-v-cbd7c454]{width: 168px;height: 80px;color:#0D71FF;position: absolute;}
419
- .line[data-v-cbd7c454]{background-color:#0D71FF; width: 34px;height: 6px;position: absolute;left: 67px;top: 74px;}
410
+ .titMask{position: absolute;width: 316px;height: 60px;top: 0;left: 0;}
411
+ .icon{width: 28px;height: 30px;background-color: rgba(255,255,255,0.1);margin-left: 16px;}
412
+ .clv_item_text{width: 265px;height: 60px;color: #fff;background-color: transparent;}
413
+ .nav_list_view{width: 1920px;height: 80px;background-color: transparent;}
414
+ .nav_item{width: 168px;height: 80px;background-color: transparent;border-radius: 40px;}
415
+ .nav_item_text_focused{width: 168px;height: 80px;position: absolute;background-color: transparent;border-radius: 40px;}
416
+ .nav_item_text{width: 168px;height: 80px;position: absolute;border-radius: 40px;background-color: transparent;}
417
+ .text{width: 168px;height: 80px;color: #fff;position: absolute;}
418
+ .text_selected{width: 168px;height: 80px;color:#0D71FF;position: absolute;}
419
+ .line{background-color:#0D71FF; width: 34px;height: 6px;position: absolute;left: 67px;top: 74px;}