3d效果的轮播图
发布于 4 年前 作者 weifeng 2399 次浏览 来自 分享

为了更友好的提供别人下载不同风格的海报,最近做了一个3d效果的轮播图。

1 支持左右点击切换

2 支持长按图片弹出转发好友,保存图片的菜单

3 支持弹出,关闭时动画效果

4 支持图片加载动画

部分代码
    return {
      '@list': mkPoster({
        loading: loading ? true : false,     //是否显示图片加载完成前显示加载动画
        data: [
          {src: 'https://dfs.8atour.com/group1/M00/08/A9/CgoKql5lOGGAe2vTAAVR7kBCJsI144_880x0.jpg'},
          {src: 'https://dfs.8atour.com/group1/M00/08/A9/CgoKq15lOuCACOBgAAUp2FWlV6A911_880x0.jpg'},
          {src: 'https://7373-ss-1-4vn7o-1259184764.tcb.qcloud.la/saui.png'},
        ],
      }),
      dot: [
        {
          title: ' ',
          itemClass: 'item-icon-close'
        }
      ],
      itemClass: 'swiper-poster'
    }

效果图

预览:

完整的使用方便,及配置会补充到(喜欢的,支持催促作者更新)

回到顶部