更新记录
1.1(2023-02-02)
下载此版本
问题优化
1.0(2022-04-18)
下载此版本
金刚区、内容区滑动栏发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.5.2 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
neo-scrollist 滚动栏
带指示器的横向滚动栏
一般用于金刚区或横向滑动的列表
示例
<neo-scrollist :showbar="false">
<view class="goodscroll_root">
<view class="root_wrap">
<view class="item_wrap" v-for="item in products">
<image class="image" :src="item.src"></image>
<view class="text">{{item.name}}</view>
</view>
</view>
</view>
</neo-scrollist>
props
属性 |
类型 |
默认值 |
说明 |
showBar |
Boolean |
true |
是否显示导航条 |
lineWidth |
Number |
50 |
导航条宽度 |
lineColor |
String |
#efefef |
导航条背景色 |
barColor |
String |
#9acafc |
滑块背景色 |
barWidth |
Number |
20 |
滑块宽度 |
gapBottom |
Number |
12 |
距离底部导航条的间距 |
如何引用
导入Hbuilder后当做一般组件使用即可