更新记录

1.0.5(2022-03-01)

增加示例项目,方便使用。如果有自定义需要,使用者直接copy原文件更改即可,无需作者授权。 在连续滑动情况下可能会伴随卡顿,框架问题,无法解决 = ="

1.0.4(2022-01-18)

注释取消

1.0.3(2022-01-18)

新增微信小程序支持,并更新readme

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

上拉滑动框

仿高德地图、美团上拉滑动框,支持NVUE、VUE、微信小程序,其它平台待测

参数

  • @property {String} radius 左上右上圆角 例: 50rpx,默认50rpx
  • @property {Number} minHeight 最低高度 占总屏幕高度占比 例: 0.2,默认0.2
  • @property {Number} maxHeight 最高高度 占总屏幕高度占比 例:0.8,默认0.5
  • @property {Number} touchHeight 允许滑动区域高度默认顶部横线高度 0为任意区域可滑动,单位rpx 例:50 => 50rpx,默认0
  • @property {Boolean} showLine 上否显示顶部滑动线 例:false ,默认 true
  • @currentHeight 组件内置返回当前高度(包括滑动中)方便外部使用,例效果图中跟着滑动的;两个按钮
  • @maxtHeight 组件返回最高高度,用途:如果组件内包含滚动组件,用于计算滚动组件scroll-view高度 = maxtHeight-line -不许滚动高度;
  • 例: ,此时需要配置touchHeight,不配置将会产生scroll-view和组件同时滚动BUG

包含滚动效果,需配置 touchHeight image

返回当前高度给外部使用效果 高度来源currentHeight image

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问