更新记录

1.0.3(2024-04-24)

1.兼容微信小程序 2.设置只有在幻灯条数大于1条的时候显示底部指示器

1.0.0(2024-02-02)

  1. 当前仅支持H5项目,小程序项目暂未测试

平台兼容性

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

xt-wid-slider图片幻灯挂件

简介

该挂件主要用于公司项目使用,展示图片轮播样式。如果你感兴趣,也可以下载下来瞅瞅,也就看个样式。

基本用法

<template>
    <view class="index">
        <block v-for="(item, index) in list" :key="index">
            <xt-wid-slider
                :content="item.items"
                :title="item.title"
                :indicator="item.indicator"
                :style="item.style"
                :speed="item.speed"
                :height="item.height"
            />
        </block>
    </view>
</template>

props各种配置项

属性名 类型 默认值 说明
content Array 必填,轮播内容
title String none 幻灯标题是否显示,及显示位置,left-居左 center-居中 right-居右
indicator String none 幻灯指示器,默认none-不显示 dot-圆点 line-短横线
style String full 幻灯样式,默认full-全屏 flat-扁平样式
speed Number 3000 轮播间隔时间,默认3000ms
height [Number, String] 幻灯高度,如果style为full,则默认375rpx;如果style为flat,则默认值为345rpx

事件

事件名 类型 说明
@onClick Function 轮播点击事件,返回值item和index,item表示返回的内容,index为第几个

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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