更新记录
1.0.0(2021-11-12)
下载此版本
第一次上传
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
template
<xphoto
ref="xphoto_ref"
active="red"
:circular="true"
></xphoto>
<button type="primary" @click="showXphoto(imglist, 1)">开启</button>
imglist 数据例示
imglist: [
{id: 1, src: 'https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.50/dist/img/webpack.png'},
{id: 2, src: 'https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.50/dist/img/typescript.png'},
{id: 3, src: 'https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.50/dist/img/svelte.png'},
]
methods
showXphoto(imglist, index) {
this.$refs.xphoto_ref.open(imglist, index);
}
参数
参数 |
说明 |
类型 |
默认值 |
active |
当前选中的指示点颜色 |
String |
#007aff |
circular |
是否采用衔接滑动,即播放到末尾后重新回到开头 |
Boolean |
false |