revise docs

Signed-off-by: Nluoying_ace_admin <luoying19@huawei.com>

zh-cn/application-dev/ui/ui-ts-layout-flex.md

@@ -364,7 +364,7 @@ Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) { //容器
 
 - FlexAlign.Start: 子组件各行与交叉轴起点对齐。
 
-    ```
+    ```ts
     Flex({ justifyContent: FlexAlign.SpaceBetween, wrap: FlexWrap.Wrap, alignContent: FlexAlign.Start }) {
       Text('1').width('30%').height(20).backgroundColor(0xF5DEB3)
       Text('2').width('60%').height(20).backgroundColor(0xD2B48C)

zh-cn/application-dev/ui/ui-ts-layout-mediaquery.md

@@ -117,16 +117,17 @@ listener.on('change', onPortrait)
 
 ```ts
 import mediaquery from '@ohos.mediaquery'
+
 let portraitFunc = null
 
 @Entry
 @Component
 struct MediaQueryExample {
-@State color: string = '#DB7093'
-@State text: string = 'Portrait'
-listener = mediaquery.matchMediaSync('(orientation: landscape)')  // 当设备横屏时条件成立
+  @State color: string = '#DB7093'
+  @State text: string = 'Portrait'
+  listener = mediaquery.matchMediaSync('(orientation: landscape)') // 当设备横屏时条件成立
 
-onPortrait(mediaQueryResult) {
+  onPortrait(mediaQueryResult) {
     if (mediaQueryResult.matches) {
       this.color = '#FFD700'
       this.text = 'Landscape'
@@ -134,19 +135,19 @@ onPortrait(mediaQueryResult) {
       this.color = '#DB7093'
       this.text = 'Portrait'
     }
-}
+  }
 
-aboutToAppear() {
+  aboutToAppear() {
     portraitFunc = this.onPortrait.bind(this) // 绑定当前应用实例
     this.listener.on('change', portraitFunc)
-}
+  }
 
-build() {
+  build() {
     Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
       Text(this.text).fontSize(50).fontColor(this.color)
     }
     .width('100%').height('100%')
-}
+  }
 }
 ```
 

zh-cn/application-dev/ui/ui-ts-layout-stack.md

@@ -28,13 +28,13 @@ Stack容器中兄弟组件显示层级关系可以通过[zIndex](../reference/ar
 
     ```ts
     Stack({ alignContent: Alignment.BottomStart }) {
-        Column(){
+        Column() {
           Text('Stack子元素1').textAlign(TextAlign.End).fontSize(20)
         }.width(100).height(100).backgroundColor(0xffd306)
-        Column(){
+        Column() {
           Text('Stack子元素2').fontSize(20)
         }.width(150).height(150).backgroundColor(Color.Pink)
-        Column(){
+        Column() {
           Text('Stack子元素3').fontSize(20)
         }.width(200).height(200).backgroundColor(Color.Grey)
     }.margin({ top: 100 }).width(350).height(350).backgroundColor(0xe0e0e0)
@@ -46,13 +46,13 @@ Stack容器中兄弟组件显示层级关系可以通过[zIndex](../reference/ar
 
     ```ts
     Stack({ alignContent: Alignment.BottomStart }) {
-        Column(){
+        Column() {
           Text('Stack子元素1').textAlign(TextAlign.End).fontSize(20)
         }.width(100).height(100).backgroundColor(0xffd306).zIndex(2)
-        Column(){
+        Column() {
           Text('Stack子元素2').fontSize(20)
         }.width(150).height(150).backgroundColor(Color.Pink).zIndex(1)
-        Column(){
+        Column() {
           Text('Stack子元素3').fontSize(20)
         }.width(200).height(200).backgroundColor(Color.Grey)
     }.margin({ top: 100 }).width(350).height(350).backgroundColor(0xe0e0e0)