1# 验证代码段检测---不检测
2
3> **说明:**
4>
5> 本文档检测非` js、ts、JavaScript、javascript、TypeScript、typescript`代码段
6
7## C++代码段
8
9代码段-C++:
10
11```c++
12// c++代码段:
13// xxx.ets
14@Entry
15@Component
16struct GridContainerExample {
17  @State sizeType: SizeType = SizeType.XS
18
19  build() {
20    Column({ space: 5 }) {
21      GridContainer({ columns: 12, sizeType: this.sizeType, gutter: 10, margin: 20 }) {
22        Row() {
23          Text('1')
24            .useSizeType({
25              xs: { span: 6, offset: 0 },
26              sm: { span: 2, offset: 0 },
27              md: { span: 2, offset: 0 },
28              lg: { span: 2, offset: 0 }
29            })
30            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
31          Text('2')
32            .useSizeType({
33              xs: { span: 2, offset: 6 },
34              sm: { span: 6, offset: 2 },
35              md: { span: 2, offset: 2 },
36              lg: { span: 2, offset: 2 }
37            })
38            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
39          Text('3')
40            .useSizeType({
41              xs: { span: 2, offset: 8 },
42              sm: { span: 2, offset: 8 },
43              md: { span: 6, offset: 4 },
44              lg: { span: 2, offset: 4 }
45            })
46            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
47          Text('4')
48            .useSizeType({
49              xs: { span: 2, offset: 10 },
50              sm: { span: 2, offset: 10 },
51              md: { span: 2, offset: 10 },
52              lg: { span: 6, offset: 6 }
53            })
54            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
55        }
56      }.width('90%')
57
58      Text('Click Simulate to change the device width').fontSize(9).width('90%').fontColor(0xCCCCCC)
59      Row() {
60        Button('XS')
61          .onClick(() => {
62            this.sizeType = SizeType.XS
63          }).backgroundColor(0x317aff)
64        Button('SM')
65          .onClick(() => {
66            this.sizeType = SizeType.SM
67          }).backgroundColor(0x317aff)
68        Button('MD')
69          .onClick(() => {
70            this.sizeType = SizeType.MD
71          }).backgroundColor(0x317aff)
72        Button('LG')
73          .onClick(() => {
74            this.sizeType = SizeType.LG
75          }).backgroundColor(0x317aff)
76      }
77    }.width('100%').margin({ top: 5 })
78  }
79}
80```
81
82## json代码段
83
84代码段-json:
85
86```json
87// json代码段:
88// xxx.ets
89@Entry
90@Component
91struct GridContainerExample {
92  @State sizeType: SizeType = SizeType.XS
93
94  build() {
95    Column({ space: 5 }) {
96      GridContainer({ columns: 12, sizeType: this.sizeType, gutter: 10, margin: 20 }) {
97        Row() {
98          Text('1')
99            .useSizeType({
100              xs: { span: 6, offset: 0 },
101              sm: { span: 2, offset: 0 },
102              md: { span: 2, offset: 0 },
103              lg: { span: 2, offset: 0 }
104            })
105            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
106          Text('2')
107            .useSizeType({
108              xs: { span: 2, offset: 6 },
109              sm: { span: 6, offset: 2 },
110              md: { span: 2, offset: 2 },
111              lg: { span: 2, offset: 2 }
112            })
113            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
114          Text('3')
115            .useSizeType({
116              xs: { span: 2, offset: 8 },
117              sm: { span: 2, offset: 8 },
118              md: { span: 6, offset: 4 },
119              lg: { span: 2, offset: 4 }
120            })
121            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
122          Text('4')
123            .useSizeType({
124              xs: { span: 2, offset: 10 },
125              sm: { span: 2, offset: 10 },
126              md: { span: 2, offset: 10 },
127              lg: { span: 6, offset: 6 }
128            })
129            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
130        }
131      }.width('90%')
132
133      Text('Click Simulate to change the device width').fontSize(9).width('90%').fontColor(0xCCCCCC)
134      Row() {
135        Button('XS')
136          .onClick(() => {
137            this.sizeType = SizeType.XS
138          }).backgroundColor(0x317aff)
139        Button('SM')
140          .onClick(() => {
141            this.sizeType = SizeType.SM
142          }).backgroundColor(0x317aff)
143        Button('MD')
144          .onClick(() => {
145            this.sizeType = SizeType.MD
146          }).backgroundColor(0x317aff)
147        Button('LG')
148          .onClick(() => {
149            this.sizeType = SizeType.LG
150          }).backgroundColor(0x317aff)
151      }
152    }.width('100%').margin({ top: 5 })
153  }
154}
155```
156
157## java代码段
158
159代码段-java:
160
161```java
162// java代码段:
163// xxx.ets
164@Entry
165@Component
166struct GridContainerExample {
167  @State sizeType: SizeType = SizeType.XS
168
169  build() {
170    Column({ space: 5 }) {
171      GridContainer({ columns: 12, sizeType: this.sizeType, gutter: 10, margin: 20 }) {
172        Row() {
173          Text('1')
174            .useSizeType({
175              xs: { span: 6, offset: 0 },
176              sm: { span: 2, offset: 0 },
177              md: { span: 2, offset: 0 },
178              lg: { span: 2, offset: 0 }
179            })
180            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
181          Text('2')
182            .useSizeType({
183              xs: { span: 2, offset: 6 },
184              sm: { span: 6, offset: 2 },
185              md: { span: 2, offset: 2 },
186              lg: { span: 2, offset: 2 }
187            })
188            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
189          Text('3')
190            .useSizeType({
191              xs: { span: 2, offset: 8 },
192              sm: { span: 2, offset: 8 },
193              md: { span: 6, offset: 4 },
194              lg: { span: 2, offset: 4 }
195            })
196            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
197          Text('4')
198            .useSizeType({
199              xs: { span: 2, offset: 10 },
200              sm: { span: 2, offset: 10 },
201              md: { span: 2, offset: 10 },
202              lg: { span: 6, offset: 6 }
203            })
204            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
205        }
206      }.width('90%')
207
208      Text('Click Simulate to change the device width').fontSize(9).width('90%').fontColor(0xCCCCCC)
209      Row() {
210        Button('XS')
211          .onClick(() => {
212            this.sizeType = SizeType.XS
213          }).backgroundColor(0x317aff)
214        Button('SM')
215          .onClick(() => {
216            this.sizeType = SizeType.SM
217          }).backgroundColor(0x317aff)
218        Button('MD')
219          .onClick(() => {
220            this.sizeType = SizeType.MD
221          }).backgroundColor(0x317aff)
222        Button('LG')
223          .onClick(() => {
224            this.sizeType = SizeType.LG
225          }).backgroundColor(0x317aff)
226      }
227    }.width('100%').margin({ top: 5 })
228  }
229}
230```
231
232## html代码段
233
234代码段-html:
235
236```html
237// html代码段:
238// xxx.ets
239@Entry
240@Component
241struct GridContainerExample {
242  @State sizeType: SizeType = SizeType.XS
243
244  build() {
245    Column({ space: 5 }) {
246      GridContainer({ columns: 12, sizeType: this.sizeType, gutter: 10, margin: 20 }) {
247        Row() {
248          Text('1')
249            .useSizeType({
250              xs: { span: 6, offset: 0 },
251              sm: { span: 2, offset: 0 },
252              md: { span: 2, offset: 0 },
253              lg: { span: 2, offset: 0 }
254            })
255            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
256          Text('2')
257            .useSizeType({
258              xs: { span: 2, offset: 6 },
259              sm: { span: 6, offset: 2 },
260              md: { span: 2, offset: 2 },
261              lg: { span: 2, offset: 2 }
262            })
263            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
264          Text('3')
265            .useSizeType({
266              xs: { span: 2, offset: 8 },
267              sm: { span: 2, offset: 8 },
268              md: { span: 6, offset: 4 },
269              lg: { span: 2, offset: 4 }
270            })
271            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
272          Text('4')
273            .useSizeType({
274              xs: { span: 2, offset: 10 },
275              sm: { span: 2, offset: 10 },
276              md: { span: 2, offset: 10 },
277              lg: { span: 6, offset: 6 }
278            })
279            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
280        }
281      }.width('90%')
282
283      Text('Click Simulate to change the device width').fontSize(9).width('90%').fontColor(0xCCCCCC)
284      Row() {
285        Button('XS')
286          .onClick(() => {
287            this.sizeType = SizeType.XS
288          }).backgroundColor(0x317aff)
289        Button('SM')
290          .onClick(() => {
291            this.sizeType = SizeType.SM
292          }).backgroundColor(0x317aff)
293        Button('MD')
294          .onClick(() => {
295            this.sizeType = SizeType.MD
296          }).backgroundColor(0x317aff)
297        Button('LG')
298          .onClick(() => {
299            this.sizeType = SizeType.LG
300          }).backgroundColor(0x317aff)
301      }
302    }.width('100%').margin({ top: 5 })
303  }
304}
305```
306
307## text代码段
308
309代码段-text:
310
311```text
312// text代码段:
313// xxx.ets
314@Entry
315@Component
316struct GridContainerExample {
317  @State sizeType: SizeType = SizeType.XS
318
319  build() {
320    Column({ space: 5 }) {
321      GridContainer({ columns: 12, sizeType: this.sizeType, gutter: 10, margin: 20 }) {
322        Row() {
323          Text('1')
324            .useSizeType({
325              xs: { span: 6, offset: 0 },
326              sm: { span: 2, offset: 0 },
327              md: { span: 2, offset: 0 },
328              lg: { span: 2, offset: 0 }
329            })
330            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
331          Text('2')
332            .useSizeType({
333              xs: { span: 2, offset: 6 },
334              sm: { span: 6, offset: 2 },
335              md: { span: 2, offset: 2 },
336              lg: { span: 2, offset: 2 }
337            })
338            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
339          Text('3')
340            .useSizeType({
341              xs: { span: 2, offset: 8 },
342              sm: { span: 2, offset: 8 },
343              md: { span: 6, offset: 4 },
344              lg: { span: 2, offset: 4 }
345            })
346            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
347          Text('4')
348            .useSizeType({
349              xs: { span: 2, offset: 10 },
350              sm: { span: 2, offset: 10 },
351              md: { span: 2, offset: 10 },
352              lg: { span: 6, offset: 6 }
353            })
354            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
355        }
356      }.width('90%')
357
358      Text('Click Simulate to change the device width').fontSize(9).width('90%').fontColor(0xCCCCCC)
359      Row() {
360        Button('XS')
361          .onClick(() => {
362            this.sizeType = SizeType.XS
363          }).backgroundColor(0x317aff)
364        Button('SM')
365          .onClick(() => {
366            this.sizeType = SizeType.SM
367          }).backgroundColor(0x317aff)
368        Button('MD')
369          .onClick(() => {
370            this.sizeType = SizeType.MD
371          }).backgroundColor(0x317aff)
372        Button('LG')
373          .onClick(() => {
374            this.sizeType = SizeType.LG
375          }).backgroundColor(0x317aff)
376      }
377    }.width('100%').margin({ top: 5 })
378  }
379}
380```
381
382## shell代码段
383
384代码段-shell:
385
386```shell
387// shell代码段:
388// xxx.ets
389@Entry
390@Component
391struct GridContainerExample {
392  @State sizeType: SizeType = SizeType.XS
393
394  build() {
395    Column({ space: 5 }) {
396      GridContainer({ columns: 12, sizeType: this.sizeType, gutter: 10, margin: 20 }) {
397        Row() {
398          Text('1')
399            .useSizeType({
400              xs: { span: 6, offset: 0 },
401              sm: { span: 2, offset: 0 },
402              md: { span: 2, offset: 0 },
403              lg: { span: 2, offset: 0 }
404            })
405            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
406          Text('2')
407            .useSizeType({
408              xs: { span: 2, offset: 6 },
409              sm: { span: 6, offset: 2 },
410              md: { span: 2, offset: 2 },
411              lg: { span: 2, offset: 2 }
412            })
413            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
414          Text('3')
415            .useSizeType({
416              xs: { span: 2, offset: 8 },
417              sm: { span: 2, offset: 8 },
418              md: { span: 6, offset: 4 },
419              lg: { span: 2, offset: 4 }
420            })
421            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
422          Text('4')
423            .useSizeType({
424              xs: { span: 2, offset: 10 },
425              sm: { span: 2, offset: 10 },
426              md: { span: 2, offset: 10 },
427              lg: { span: 6, offset: 6 }
428            })
429            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
430        }
431      }.width('90%')
432
433      Text('Click Simulate to change the device width').fontSize(9).width('90%').fontColor(0xCCCCCC)
434      Row() {
435        Button('XS')
436          .onClick(() => {
437            this.sizeType = SizeType.XS
438          }).backgroundColor(0x317aff)
439        Button('SM')
440          .onClick(() => {
441            this.sizeType = SizeType.SM
442          }).backgroundColor(0x317aff)
443        Button('MD')
444          .onClick(() => {
445            this.sizeType = SizeType.MD
446          }).backgroundColor(0x317aff)
447        Button('LG')
448          .onClick(() => {
449            this.sizeType = SizeType.LG
450          }).backgroundColor(0x317aff)
451      }
452    }.width('100%').margin({ top: 5 })
453  }
454}
455```
456
457
458## 代码段nocheck-fa
459
460<!--code_no_check_fa-->
461```javascript
462// <!--code_no_check_fa-->:
463// xxx.ets
464@Entry
465@Component
466struct GridContainerExample {
467  @State sizeType: SizeType = SizeType.XS
468
469  build() {
470    Column({ space: 5 }) {
471      GridContainer({ columns: 12, sizeType: this.sizeType, gutter: 10, margin: 20 }) {
472        Row() {
473          Text('1')
474            .useSizeType({
475              xs: { span: 6, offset: 0 },
476              sm: { span: 2, offset: 0 },
477              md: { span: 2, offset: 0 },
478              lg: { span: 2, offset: 0 }
479            })
480            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
481          Text('2')
482            .useSizeType({
483              xs: { span: 2, offset: 6 },
484              sm: { span: 6, offset: 2 },
485              md: { span: 2, offset: 2 },
486              lg: { span: 2, offset: 2 }
487            })
488            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
489          Text('3')
490            .useSizeType({
491              xs: { span: 2, offset: 8 },
492              sm: { span: 2, offset: 8 },
493              md: { span: 6, offset: 4 },
494              lg: { span: 2, offset: 4 }
495            })
496            .height(50).backgroundColor(0x4682B4).textAlign(TextAlign.Center)
497          Text('4')
498            .useSizeType({
499              xs: { span: 2, offset: 10 },
500              sm: { span: 2, offset: 10 },
501              md: { span: 2, offset: 10 },
502              lg: { span: 6, offset: 6 }
503            })
504            .height(50).backgroundColor(0x00BFFF).textAlign(TextAlign.Center)
505        }
506      }.width('90%')
507
508      Text('Click Simulate to change the device width').fontSize(9).width('90%').fontColor(0xCCCCCC)
509      Row() {
510        Button('XS')
511          .onClick(() => {
512            this.sizeType = SizeType.XS
513          }).backgroundColor(0x317aff)
514        Button('SM')
515          .onClick(() => {
516            this.sizeType = SizeType.SM
517          }).backgroundColor(0x317aff)
518        Button('MD')
519          .onClick(() => {
520            this.sizeType = SizeType.MD
521          }).backgroundColor(0x317aff)
522        Button('LG')
523          .onClick(() => {
524            this.sizeType = SizeType.LG
525          }).backgroundColor(0x317aff)
526      }
527    }.width('100%').margin({ top: 5 })
528  }
529}
530```