更新记录

1.0.0（2023-12-15）

首次更新，横向滚动的视图容器，主要用于菜单导航，热门商品区等场景。

平台兼容性

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

Props

属性名 类型 说明 默认值 平台差异说明
marginTop Number, String 组件距离顶部内容距离，单位rpx 0 -
marginBottom Number, String 组件距离底部内容距离，单位rpx 0 -
scroll Boolean 是否显示自定义滚动条 true -
scrollWidth Number, String 自定义滚动条背景区域宽度，单位rpx 96 -
scrollBarWidth Number, String 自定义滚动条宽度，单位rpx 32 -
scrollHeight Number, String 自定义滚动条高度，单位rpx 8 -
scrollCap String 自定义滚动条两端样式，可选值为 square（四方形）、round（圆形） round -
scrollBarColor String 自定义滚动条颜色 #465CFF -
background String 自定义滚动条背景区域颜色 #EEEEEE -
scrollGap String, Number 自定义滚动条距离上方内容间距，单位rpx 24 -

Events

事件名 说明 回调参数
@scrolltoupper 滚动到左边，会触发 scrolltoupper 事件 -
@scrolltolower 滚动到右边，会触发 scrolltolower 事件 -

Methods

通过 ref 属性来注册组件引用信息。注册完成后，我们可以通过this.$refs.XXX访问到对应的组件实例，并调用上面的实例方法。

方法名 说明 传入参数 返回参数
init 重新初始化组件信息，当内容复杂初始化有误时可等内容加载完后调用此方法纠正 - -

温馨提示

如果组件在部分平台出现默认滚动条，可尝试在全局样式中引入以下样式：

/* #ifndef APP-NVUE */
::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    color: transparent !important;
    display: none;
}
/* #endif */

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

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

加载更多...