更新记录

1.0.0(2021-11-12) 下载此版本

第一次上传


平台兼容性

Vue2 Vue3
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

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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