如何将uni-app开发商城社区图片右侧数据渲染成预览？
摘要：一、概述 上一篇文章，已经实现了社区图片，左侧结构样式，数据渲染，点击高亮。 接下来，实现社区图片右侧数据渲染，预览图片。 整体效果如下： 二、api接口调用 点击每个分类，需要调用api接口 修改 pagesp
一、概述
上一篇文章，已经实现了社区图片，左侧结构样式，数据渲染，点击高亮。
接下来，实现社区图片右侧数据渲染，预览图片。
整体效果如下：
二、api接口调用
点击每个分类，需要调用api接口
修改pages/pics/pics.uvue文件，修改方法leftCliclActive，调用api
//点击分类设置为active，并获取当前分类数据
async leftCliclActive(index, id) {
console.log("点击的分类下标：", index, "id：", id);
this.active = index;
//携带当前分类的id参数，获取当前分类的数据
const res = await this.$http.get('/api/getimages/' + id, {})
console.log("res" + id, res)
this.secondData = res.message;
console.log("分类id：" + id + "当前分类包含的数据", this.secondData);
},
注意：这里是根据分类id，来获取数据的。
三、右侧结构
右侧展示的内容，需要使用scroll-view，因为内容比较多，需要上下滑动展示。