更新记录

1.0.6（2023-06-14）

修改示例

1.0.5（2023-06-10）

增加预览二维码

1.0.4（2023-05-25）

隐藏滚动条

平台兼容性

liu-photo-list适用于uni-app项目的3D照片墙组件

本组件目前兼容微信小程序、H5

本组件是3D照片墙组件，样式优美好看，可点击预览照片，简单易修改，可自定义各类样式

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用方式

<liu-photo-list :dataList="dataList" @change="change"></liu-photo-list>

export default {
    data() {
        return {
            dataList: [
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo1.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo2.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo3.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo4.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo5.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo6.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo7.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo8.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo1.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo2.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo3.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo4.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo5.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo6.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo7.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo3.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo4.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo5.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo6.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo7.png',
                'https://cdn.jsdelivr.net/gh/ckcoding/PICS/PicGo8.png',
            ],
        };
    },
    methods: {
        //点击某个照片
        change(e) {
            console.log('==========', e)
        },
    }
}

属性说明