没有结构的空白页 可以 写个entry 快速创建一个结构参函数
参数
方法 ,样式方法 ,属性方法
Badge 容器组件
方法一:
Badge({value:'9',style:{fontSize:20,color:Color.Brown,badgeSize:40,badgeColor:Color.Red},position:BadgePosition.Left}) { // 这里只能有一个子组件 }
方法二:
// count 小于等于0的时候不显示
Badge({count:8,style:{},position:BadgePosition.RightTop,maxCount:99}){}
ColumnSplit(){}.resizeable(true)
resizeable 是否可以拖拽,默认false
sc:Scroller = new Scroller()
this.sc.scrollTo({xOffset:0,yOffset:100,anmimation:true}) // 指哪里滚哪里
tabBar 如果是文字的话,高量是自带的
模态转场
List组件
AlphabetIndexer
模态转场: 弹出半屏或全屏弹窗
binSheet
isShow boolean 是否显示
builder 自定义的构建函数
options =>可选的 是个 {}
showClose boolean 默认true 点蒙眬的半透明的地方也可以关闭
height 半模态高度 默认是Lage SheetSize.MEDIUM(中号) FIT_CONTENT(适应内容尺寸)
dragBar boolean 控制条显示 默认显示(有两个条件:控制显示,配置高度) 是用来控制切换的高度
detents [] 设置几个高度的 数组第一个就是默认高度 配置了这里 height的高度就失效了
双向绑定
$$ 可以在点击X时,可以改变状态变量
单项不会影响数据的,数据不变的 不需要重新展示
全屏模态
bindContentCover 属性方法和半模态一样
可选属性 {}
modalTransition // 瞬间 默认 渐渐出现
ModalTransition.ALPHA
ModalTransition.NONE
ModalTransition.DEFAULT
动画效果 默认是从下往上
切换 // 瞬间 默认(从下往上) 渐渐出现
List优化
分组 ListItemGroup
ListItemGroup({参数}){}
参数:
space number
header 自定义的构建函数 头结构
footer 自定义的构建函数 尾结构
随机色
不涉及样式和结构的可以考虑
// 思维导图