• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/**
2 * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 * http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16.container {
17  flex-direction:row;
18  width:100%;
19  height:100%;
20}
21
22.title{
23  width: 100%;
24  font-size: 18px;
25  margin: 2px;
26  padding: 2px;
27  font-weight: bold;
28  text-align: center;
29}
30
31.sub-title{
32  width: 100%;
33  font-size: 14px;
34  text-align: left;
35  margin: 2px;
36  padding: 2px;
37}
38
39.prop-container{
40  flex-direction: column;
41  flex-weight: 1;
42}
43
44#idProp {
45  flex-weight: 1;
46  background-color:#f00000;
47  width: 100%;
48  margin-left: 10px;
49  margin-right: 10px;
50  padding-start: 10px;
51  padding-end: 10px;
52}
53
54.classProp {
55  flex-weight: 1;
56  background-color:#0f0000;
57  width: 100%;
58  margin-left: 10px;
59  margin-right: 10px;
60  padding-start: 10px;
61  padding-end: 10px;
62}
63
64#classPropNone {
65  flex-weight: 1;
66  background-color:#0000e0;
67  width: 100%;
68  margin-left: 10px;
69  margin-right: 10px;
70  padding-start: 10px;
71  padding-end: 10px;
72}
73
74#refProp {
75  flex-weight: 1;
76  background-color:#00f000;
77  width: 100%;
78  margin-left: 10px;
79  margin-right: 10px;
80  padding-start: 10px;
81  padding-end: 10px;
82}
83
84#refPropNone {
85  flex-weight: 1;
86  background-color:#00000e;
87  width: 100%;
88  margin-left: 10px;
89  margin-right: 10px;
90  padding-start: 10px;
91  padding-end: 10px;
92}
93
94#disabledPropTrue {
95  flex-weight: 1;
96  background-color:#000f00;
97  width: 100%;
98  margin-left: 10px;
99  margin-right: 10px;
100  padding-start: 10px;
101  padding-end: 10px;
102}
103
104#disabledPropFalse {
105  flex-weight: 1;
106  background-color:#0000f0;
107  width: 100%;
108  margin-left: 10px;
109  margin-right: 10px;
110  padding-start: 10px;
111  padding-end: 10px;
112}
113
114#disabledPropNone {
115  flex-weight: 1;
116  background-color:#d00000;
117  width: 100%;
118  margin-left: 10px;
119  margin-right: 10px;
120  padding-start: 10px;
121  padding-end: 10px;
122}
123
124#focusablePropTrue {
125  flex-weight: 1;
126  background-color:#00000f;
127  width: 100%;
128  margin-left: 10px;
129  margin-right: 10px;
130  padding-start: 10px;
131  padding-end: 10px;
132}
133
134#focusablePropFalse {
135  flex-weight: 1;
136  background-color:#ff0000;
137  width: 100%;
138  margin-left: 10px;
139  margin-right: 10px;
140  padding-start: 10px;
141  padding-end: 10px;
142}
143
144#focusablePropNone {
145  flex-weight: 1;
146  background-color:#0d0000;
147  width: 100%;
148  margin-left: 10px;
149  margin-right: 10px;
150  padding-start: 10px;
151  padding-end: 10px;
152}
153
154#dataProp {
155  flex-weight: 1;
156  background-color:#0ff000;
157  width: 100%;
158  margin-left: 10px;
159  margin-right: 10px;
160  padding-start: 10px;
161  padding-end: 10px;
162}
163
164#dataPropNone {
165  flex-weight: 1;
166  background-color:#00d000;
167  width: 100%;
168  margin-left: 10px;
169  margin-right: 10px;
170  padding-start: 10px;
171  padding-end: 10px;
172}
173
174#clickEffectPropSmall {
175  height: 15px;
176  background-color:#00ff00;
177  width: 100%;
178  margin-left: 10px;
179  margin-right: 10px;
180  padding-start: 10px;
181  padding-end: 10px;
182}
183
184#clickEffectPropMedium {
185  height: 15px;
186  background-color:#000ff0;
187  width: 100%;
188  margin-left: 10px;
189  margin-right: 10px;
190  padding-start: 10px;
191  padding-end: 10px;
192}
193
194#clickEffectPropLarge {
195  height: 15px;
196  background-color:#fff000;
197  width: 100%;
198  margin-left: 10px;
199  margin-right: 10px;
200  padding-start: 10px;
201  padding-end: 10px;
202}
203
204#clickEffectPropNone{
205  height: 15px;
206  background-color:#000d00;
207  width: 100%;
208  margin-left: 10px;
209  margin-right: 10px;
210  padding-start: 10px;
211  padding-end: 10px;
212}
213
214#dirPropRtl {
215  flex-weight: 1;
216  background-color:#0fff00;
217  width: 100%;
218  margin-left: 10px;
219  margin-right: 10px;
220  padding-start: 10px;
221  padding-end: 10px;
222}
223
224#dirPropAuto {
225  flex-weight: 1;
226  background-color:#00fff0;
227  width: 100%;
228  margin-left: 10px;
229  margin-right: 10px;
230  padding-start: 10px;
231  padding-end: 10px;
232}
233
234#dirPropLtr {
235  flex-weight: 1;
236  background-color:#000fff;
237  width: 100%;
238  margin-left: 10px;
239  margin-right: 10px;
240  padding-start: 10px;
241  padding-end: 10px;
242}
243
244#dirPropNone {
245  flex-weight: 1;
246  background-color:#0000d0;
247  width: 100%;
248  margin-left: 10px;
249  margin-right: 10px;
250  padding-start: 10px;
251  padding-end: 10px;
252}
253
254#forPropNull {
255  flex-weight: 1;
256  background-color:#ffff00;
257  width: 100%;
258  margin-left: 10px;
259  margin-right: 10px;
260  padding-start: 10px;
261  padding-end: 10px;
262}
263
264#forPropOne {
265  flex-weight: 1;
266  background-color:#00e000;
267  width: 100%;
268  margin-left: 10px;
269  margin-right: 10px;
270  padding-start: 10px;
271  padding-end: 10px;
272}
273
274#forPropThree {
275  flex-weight: 1;
276  background-color:#000e00;
277  width: 100%;
278  margin-left: 10px;
279  margin-right: 10px;
280  padding-start: 10px;
281  padding-end: 10px;
282}
283
284#ifPropTrue {
285  flex-weight: 1;
286  background-color:#0ffff0;
287  width: 100%;
288  margin-left: 10px;
289  margin-right: 10px;
290  padding-start: 10px;
291  padding-end: 10px;
292}
293
294#ifPropFalse {
295  flex-weight: 1;
296  background-color:#00ffff;
297  width: 100%;
298  margin-left: 10px;
299  margin-right: 10px;
300  padding-start: 10px;
301  padding-end: 10px;
302}
303
304#ifPropNone {
305  flex-weight: 1;
306  background-color:#00000d;
307  width: 100%;
308  margin-left: 10px;
309  margin-right: 10px;
310  padding-start: 10px;
311  padding-end: 10px;
312}
313
314#showPropTrue {
315  flex-weight: 1;
316  background-color:#e00000;
317  width: 100%;
318  margin-left: 10px;
319  margin-right: 10px;
320  padding-start: 10px;
321  padding-end: 10px;
322}
323
324#showPropFalse {
325  flex-weight: 1;
326  background-color:#0e0000;
327  width: 100%;
328  margin-left: 10px;
329  margin-right: 10px;
330  padding-start: 10px;
331  padding-end: 10px;
332}
333
334#showPropNone {
335  flex-weight: 1;
336  background-color:#c00000;
337  width: 100%;
338  margin-left: 10px;
339  margin-right: 10px;
340  padding-start: 10px;
341  padding-end: 10px;
342}
343
344.specific-container{
345  flex-direction: column;
346  flex-weight: 1;
347}
348
349swiper{
350  background-color:#e00000;
351  width: 100%;
352  height: 15px;
353  margin-left: 10px;
354  margin-right: 10px;
355  padding-start: 10px;
356  padding-end: 10px;
357}