淘宝商品页视频+图片轮播。

Question

视频+图片轮播，怎么能是视频时不显示索引，划到图片时显示索引，并且只是图片的索引，类似淘宝商品页。

Answer 1

这种情况，你需要把数据源处理一下，比如源数据是：

arr = [
    {id: 1, src: '', name: '图片', type: 'image'},
    {id: 1, src: '', name: '视频', type: 'video'},
    {id: 1, src: '', name: '图片', type: 'image'}
]
// 处理
let i = 0
arr.forEach(item => {
    if (item.type === 'image') {
        item.index = i
        i++
    }
})
// 新的数据
    arr = [
    {id: 1, src: '', name: '图片', type: 'image', index: 0},
    {id: 1, src: '', name: '视频', type: 'video'},
    {id: 1, src: '', name: '图片', type: 'image', index: 1}
]