update docs

Signed-off-by: NHelloCrease <lian15@huawei.com>

zh-cn/application-dev/ui/arkts-layout-development-create-grid.md

@@ -140,7 +140,7 @@ Grid() {
 
 网格布局采用二维布局的方式组织其内部元素，如下图所示。
 
-  **图7** 通用办公服务  
+**图7** 通用办公服务  
 
 ![zh-cn_image_0000001563060729](figures/zh-cn_image_0000001563060729.png)
 
@@ -206,9 +206,10 @@ struct OfficeService {
 
 在两个网格单元之间的网格横向间距称为行间距，网格纵向间距称为列间距，如下图所示。
 
-  **图8** 网格的行列间距  
+**图8** 网格的行列间距  
 
 ![zh-cn_image_0000001511580908](figures/zh-cn_image_0000001511580908.png)
+
 通过Grid的rowsGap和columnsGap可以设置网格布局的行列间距。在图5所示的计算器中，行间距为15vp，列间距为10vp。
 
 
@@ -225,7 +226,7 @@ Grid() {
 
 可滚动的网格布局常用在文件管理、购物或视频列表等页面中，如下图所示。在设置Grid的行列数量与占比时，如果仅设置行、列数量与占比中的一个，即仅设置rowsTemplate或仅设置columnsTemplate属性，网格单元按照设置的方向排列，超出Grid显示区域后，Grid拥有可滚动能力。
 
-  **图9** 横向可滚动网格布局
+**图9** 横向可滚动网格布局
 
 ![zh-cn_image_0000001511740512](figures/zh-cn_image_0000001511740512.gif)
 

zh-cn/application-dev/ui/arkts-layout-development-create-list.md

@@ -516,7 +516,7 @@ Stack({ alignContent: Alignment.BottomEnd }) {
 
 除了字母索引之外，滚动列表结合多级分类索引在应用开发过程中也很常见，例如购物应用的商品分类页面，多级分类也需要监听列表的滚动位置。
 
-  **图14** 字母索引响应联系人列表滚动  
+**图14** 字母索引响应联系人列表滚动  
 
 ![zh-cn_image_0000001563060769](figures/zh-cn_image_0000001563060769.gif)
 
@@ -569,6 +569,7 @@ struct ContactsList {
   **图15** 侧滑删除列表项  
 
 ![zh-cn_image_0000001563060773](figures/zh-cn_image_0000001563060773.gif)
+
 ListItem的swipeAction属性可用于实现列表项的左右滑动功能。swipeAction属性方法初始化时有必填参数SwipeActionOptions，其中，start参数表示设置列表项右滑时起始端滑出的组件，end参数表示设置列表项左滑时尾端滑出的组件。
 
 在消息列表中，end参数表示设置ListItem左滑时尾端划出自定义组件，即删除按钮。在初始化end方法时，将滑动列表项的索引传入删除按钮组件，当用户点击删除按钮时，可以根据索引值来删除列表项对应的数据，从而实现侧滑删除功能。
@@ -838,5 +839,3 @@ List() {
 - [新闻数据加载](https://gitee.com/openharmony/codelabs/tree/master/NetworkManagement/NewsDataArkTS)
 
 - [音乐专辑页](../key-features/multi-device-app-dev/music-album-page.md)
-
-[../reference/arkui-ts/ts-container-listitem.md]: 
\ No newline at end of file