未验证 提交 79924dc8 编写于 作者: O openharmony_ci 提交者: Gitee

!12093 【轻量级 PR】:update zh-cn/application-dev/reference/arkui-ts/ts-container-griditem.md.

Merge pull request !12093 from luoying_ace/N/A
...@@ -43,29 +43,40 @@ GridItem() ...@@ -43,29 +43,40 @@ GridItem()
@Entry @Entry
@Component @Component
struct GridItemExample { struct GridItemExample {
@State numbers: string[] = Array.apply(null, Array(16)).map(function (item, i) { return i.toString() }) @State numbers: string[] = Array.apply(null, { length: 16 }).map(function (item, i) {
return i.toString()
})
build() { build() {
Column() { Column() {
Grid() { Grid() {
GridItem() { GridItem() {
Text('4') Text('4')
.fontSize(16).backgroundColor(0xFAEEE0) .fontSize(16)
.width('100%').height('100%').textAlign(TextAlign.Center) .backgroundColor(0xFAEEE0)
.width('100%')
.height('100%')
.textAlign(TextAlign.Center)
}.rowStart(1).rowEnd(4) }.rowStart(1).rowEnd(4)
ForEach(this.numbers, (item) => { ForEach(this.numbers, (item) => {
GridItem() { GridItem() {
Text(item) Text(item)
.fontSize(16).backgroundColor(0xF9CF93) .fontSize(16)
.width('100%').height('100%').textAlign(TextAlign.Center) .backgroundColor(0xF9CF93)
.width('100%')
.height('100%')
.textAlign(TextAlign.Center)
}.forceRebuild(false) }.forceRebuild(false)
}, item => item) }, item => item)
GridItem() { GridItem() {
Text('5') Text('5')
.fontSize(16).backgroundColor(0xDBD0C0) .fontSize(16)
.width('100%').height('100%').textAlign(TextAlign.Center) .backgroundColor(0xDBD0C0)
.width('100%')
.height('100%')
.textAlign(TextAlign.Center)
}.columnStart(1).columnEnd(5) }.columnStart(1).columnEnd(5)
} }
.columnsTemplate('1fr 1fr 1fr 1fr 1fr') .columnsTemplate('1fr 1fr 1fr 1fr 1fr')
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册