grid和list的常用属性记录

GRID

grid是属于网格类型

grid中有rowsTemplate属性和columnsTemplate属性，可以使用fr设置某行或某列图标在布局上的占比

rowsTemplate和columnsTemplate属性，指的是在交叉轴方向的排列占比

Gap属性设置的是表格之间的间距，col和row分别设置

columnStart，columnEnd，rowStart，rowEnd可以灵活设置当前页面某个位置图标的尺寸大小（未测试是否会根据页面滚动产生图标大小变化）

 

LIST

list中主体是list，list中可以嵌套listItemGroup和listItem，listItemGroup中也可以嵌套listItem

listDirection是排列方向的设置属性，Axis.进行设置，竖直排列为Vertical，水平排列为Horizontal，水平排列可以用来排列选项头，比如书城，有各种类型的书，在顶部排列，如果不用分行的话，就用Horizontal进行排列，可以向右滑动查看(有特定的属性Tabs用来设置这些导航栏，BarMode可以设置导航栏是压缩显示还是滚动显示)

list中可以设置滚动条，需要先创建一个Scroller对象，在创建List列表布局时进行绑定，List({scroller:this.ListScroller}),绑定后可以使用scrollerToIndex方法返回指定元素位置，大部分都是设置返回第0个元素，也就是页面顶部

 

ListItem中可以使用Badge组件，用来添加一个标记，就是手机app右上角的角标功能和消息列表未读消息显示功能

Badge主属性有count属性和position属性，用来显示标记量和位置信息，具体显示可以用style进行设置

Badge({count:,position:,style:{}}){Image}

 

SwipeAction属性主要用于消息队列，进行一个右滑start和左滑end的功能设置

end属性比较常用，特别是消息队列中或者购物车产品列表中，左滑添加一个删除图标，并给该图标添加一个delete功能，然后把该消息或者该货物，从整体返回的message中进行删除，list.splice方法