更新记录
1.0.0(2023-06-18)
下载此版本
初始化发布 仿美团下拉框 nvue高性能渲染,h5 app已测试 小程序未测
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.4.10 app-vue app-nvue |
√ |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
建议使用nvue,nvue更丝滑
参数配置
statusBarHeight: 0, //状态栏高度
moveY: 0, //Y轴移动的距离
windowHeight: null, //屏幕高度
HeadReservedHeight: 50, //顶部预留的高度(自定义头部高度)
BottomReservedHeight: 100, //底部预留高度
StartingHeight: 0, //手指触摸开始高度 用于判断滑动距离开启自动滑动
scrollTop: 0, //滚动条位置 用于判断是否开启滑动
RollingDistance: 100, //滑动距离 滑动结束后超过自动滑动
transition: '0s', //默认过渡时间
Overtime: '.3s' ,//自动滑动过渡时间
注意事项
- app和非app分为两个页面,后续有思路了再去合并更新
- nvu使用scroll-view完成内部滚动
- nvue使用list+cell完成内部滚动
- nvue使用scroll-view会出现卡顿性能问题滑动位置的精度也会丢失
- nvue不支持transitionDuration 目前使用时动态class实现