uniapp框架如何实现仿微信相册 | 图视频过滤、相册选择功能

今天我们分享基于uniapp + vue实现仿微信相册实例，该插件完全还原了微信相册的功能

1: 相册选择

2: 图片，视频类型过滤

3: 自定义相册界面UI

---

技术实现

• 开发环境：HbuilderX + nodejs
• 技术框架：uniapp + vue2.x
• 测试环境：App端(Android + IOS)
• 代码：开源

---

效果概览 

 

---

界面布局

这里仿微信相册界面主要还是样式为主，功能上使用了“智密相册-自定义原生相册”插件，使用插件实现相册的相关功能，然后我们自己实现仿微信相册界面。这里布局代码主要如下

<view class="album-container" :style="{ paddingTop: statusBarHeight + 'px' }">
  <!-- 顶部栏，用于显示按钮和下一步 -->
		<view class="album-