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```