🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# import >[success] import hy_ui.hy_scrollbar.hy_scrollbar # extends >[success] import hy_ui.hy_scrollbar.hy_scrollbarBase; # 构造函数 ``` hy_scrollbar(Color:Object="gray") ``` ``` pirvate var scrollbar=new hy_scrollbar(Color:Object="gray"); this.addChild(scrollbar); ``` # 舞台命名 >无 # 属性 ## baseType 基本类型 >[info] String \[ get \] `scrollbar` ## isField 是否表单元素 >[info] Boolean \[ get \] `false` > 提交表单的时候一般先判断 ## color 颜色样式 >[info] String | Object \[ set \] `success` | 默认 | 主要 | 成功 | 信息 | 警告 | 危险 | 灰色 | 蓝色 | 黑色 | 错误 | | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | | default | primary | success | info | warning | danger | gray | blue | black | error | ``` scrollbar.color="success" ``` ## width 宽度 >[info] Number \[ get | set \] `18` ``` scrollbar.width=300 ``` ## height 高度 >[info] Number \[ get | set \] `100` ``` scrollbar.height=100 ``` ## disabled 禁用 >[info] Boolean \[ get | set \] `false` ``` scrollbar.disabled=true//禁用 ``` ## align 中心对齐方式 >[info] String \[ get | set \] `top_left` | 上下 | 左右 | | :---: | :---: | | top , center , bottom | left , center , right | ``` scrollbar.align="top_center" ``` ## rate 比例 >[info] Number \[ set \] `1` ``` scrollbar.rate=0.3 ``` ## showBtn 显示上下按钮 >[info] Boolean \[ set \] `true` ``` scrollbar.showBtn=false ``` ## isAlwaysShow 是否一直显示 >[info] Boolean \[ set \] `true` > 如果false 没有滚动条的时候就隐藏,true 永远显示 ``` scrollbar.isAlwaysShow=false ``` ## value 获取当前滚动的百分比 >[info] Number \[ get|set \] `0` ``` scrollbar.value=0.8; ``` ``` var percent=scrollbar.value; ``` ## up 向上滚动 >[info] Function(dec=5):void > 向上滚动,如果dec="max" 滚动到顶部 ``` scrollbar.up(); ``` ## down 向下滚动 >[info] Function(dec=5):void > 向上滚动,如果dec="max" 滚动到底部 ``` scrollbar.down(); ``` ## isMove 是否滚动 >[info] Boolean \[ get \] `false` ``` var isMove=scrollbar.isMove; ``` # 监听 ## click >[info] 单击 ``` scrollbar.on("click",function(value,oThis)) ```