更新记录
1.0.0(2021-11-12)
下载此版本
第一次上传
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
- |
- |
- |
√ |
- |
√ |
√ |
其他
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 |