更新记录

1.0.5（2025-08-15） 下载此版本

修复问题。

1.0.4（2025-08-14） 下载此版本

更新文档。

1.0.3（2025-08-14） 下载此版本

修复文档。

平台兼容性

云端兼容性

uni-app(4.07)

uni-app x(4.07)

其他

方便您的同时，请五星、收藏，让好的东西照亮更多深渊中负重前行的代码人。

创作不易，在您方便之际，赞赏作者，我们会更有动力继续下去。

简介

ljs-3dImg-vue3，3D旋转效果的控制器，可对一组图集进行滑动旋转，模拟3D效果展示。

图片pics

建议透明图，多张图一组，如8/12/16/24等。以展示物品中心点旋转360度拍照获得的图片组。机位固定不动时：建议物品逆时针旋转进行拍照，拍照过程中保持机位与物品中心的距离不变效果最佳。

使用 uni_modules 安装（推荐）

使用 uni_modules 方式安装组件库，可以直接通过插件市场导入，通过右键菜单快速更新组件，不需要引用、注册，直接在页面中使用 ljs-3dImg-vue3组件。

主参数

options参数

快速应用

示例1

<ljs-3dImg-vue3
    v-model="pic3DTc.open"
    :pics="pic3DTc.pics"
</ljs-3dImg-vue3>

export default {
    data() {
        return {
            data: [],
            pic3DTc: {
                // 是否显示弹出层
                open: false,
                // 图片地址
                pics: [],
            }
        },
        methods: {
            pic3DOpen() {
                this.pic3DTc.pics = [
                    '../3dPic/0.png',
                    '../3dPic/1.png',
                    '../3dPic/2.png',
                    '../3dPic/3.png',
                    '../3dPic/4.png',
                    '../3dPic/5.png',
                    '../3dPic/6.png',
                    '../3dPic/7.png',
                ];
                if (this.pic3DTc.pics.length > 0) {
                    this.pic3DTc.open = true
                }
            }
        }
    }
}

贡献代码

龙九山。有任何问题，请在平台留言，在手头宽裕得情况下，我会尽快修复问题。