更新记录
1.0.4(2024-05-17)
下载此版本
fix:修复style作为prop,报警告的问题
1.0.3(2024-04-24)
下载此版本
1.兼容微信小程序
2.设置只有在幻灯条数大于1条的时候显示底部指示器
1.0.0(2024-02-02)
下载此版本
- 当前仅支持H5项目,小程序项目暂未测试
查看更多
平台兼容性
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为第几个 |