美文网首页
uniapp 查看图片点击放大预览图片 单张 多张

uniapp 查看图片点击放大预览图片 单张 多张

作者: 秀萝卜 | 来源:发表于2020-11-03 15:48 被阅读0次
// An highlighted block
// 预览图片单张
            previewImg(logourl) {
                let _this = this;
                let imgsArray = [];
                imgsArray[0] = logourl
                uni.previewImage({
                    current: 0,
                    urls: imgsArray
                });
            },
            // 预览图片多张
            previewImg(index) {
                let _this = this;
                let imgsArray = [];
                for (let i = 0; i < this.imgUrlList.length; i++) {
                    if (this.imgUrlList[i].videoUrl == "") {
                        imgsArray.push(this.imgUrlList[i].imgUrl);
                    }
                }

                // #ifdef MP
                uni.previewImage({
                    current: index - 1,
                    urls: imgsArray,
                    indicator: 'number',
                    loop: true
                });
                // #endif

                // #ifndef MP
                uni.previewImage({
                    current: index - 1,
                    urls: imgsArray,
                    indicator: 'number',
                    loop: true
                });
                // #endif

            },

相关文章

网友评论

      本文标题:uniapp 查看图片点击放大预览图片 单张 多张

      本文链接:https://www.haomeiwen.com/subject/hgtivktx.html