更新记录

1.0.1(2023-12-22)

1,数据更新试图不更新

1.0.0(2023-01-12)

1,滑动列表功能


平台兼容性

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

注意点

  • 组件调用时需要在组件上加 v-slot="{swiper, styleBox ,translateDistance , swiperIndex}"
  • 组件每一屏需要加 :style="index == swiperIndex ? styleBox.showStyle : styleBox.hideStyle"

参数

参数 类型 必填项 默认值 说明
value Array 需要渲染的数组
number Number × 1 每一屏展示的数量
mode String × translate 切换方式(translate,opacity)
showPoiner Boolean × true 是否显示指示点
distance Number × 100 滑动距离
height Number 不传的话会有显示问题
slectedColor String × #333 指示器选中颜色
noselectColor String × #ccc 指示器选中颜色

代码示例

    <SwiperList v-model="list" :showPoiner="true" :number="8" v-slot="{swiper, styleBox ,translateDistance , swiperIndex}" :mode="mode" :distance="5" :height="334" slectedColor="#085992" noselectColor="#e5e5e5">
        <view class="abilityList" v-for="(value,index) in swiper" :style="index == swiperIndex ? styleBox.showStyle : styleBox.hideStyle">
            <view class="abilityitem" v-for="(v,k) in swiper[index]">
                <view class="imagebox">
                    <image :src="v.icon" mode="widthFix"></image>
                </view>
                <text>{{v.title}}</text>
            </view>
        </view>
    </SwiperList>

隐私、权限声明

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

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

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

许可协议

MIT协议

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