微信小程序之撸个年终数字画报

作者: 四十年陈 | 来源:发表于2023-01-12 15:55 被阅读0次

微信小程序之API篇——豆瓣图书搜索（十二）
微信小程序之基础组件篇——媒体组件（十一）
微信小程序之拓展篇——weui-wxss（十三）
微信小程序之注册篇（二）
微信小程序之入门篇（一）
微信小程序之基础组件篇——视图容器（七）
微信小程序之基础组件篇——基础内容（八）
微信小程序之触控事件（六）
微信小程序之基础组件篇——导航组件（十）
微信小程序之基础组件篇——表单组件（九）

年终数字画报这些年朋友圈晒得比较多，如某宝的年终账单、某电信运营公司的年终通话画报、某快递公司的年终快递数字画报等等。作为某企业或者某app的用户，收到一年来的使用情况，有时是一种惊喜，有时是一种意外，有时是一种炫耀，反正不管怎样，有个不用自己动手就有的年终总结总是好的。

年终总结，或者年终数字画报，就是把一些文字组合上图片，或加个背景音乐，用点动态效果给展示出来。

用微信小程序撸一个年终数字画报，也是很便捷的，先上个效果图：

效果图

一、用到的组件和API

1、利用swiper实现全屏切换，是否自动播放看个人喜欢。

2、利用wx.getBackgroundAudioManager()播放背景音乐

3、利用colorUI作为动态效果

二、代码

1、xml文件

xml文件

2、wxss文件

wxss文件

3、js文件

js文件

微信小程序之API篇——豆瓣图书搜索（十二）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之基础组件篇——媒体组件（十一）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之拓展篇——weui-wxss（十三）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之注册篇（二）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之入门篇（一）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之基础组件篇——视图容器（七）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之基础组件篇——基础内容（八）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之触控事件（六）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之基础组件篇——导航组件（十）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之基础组件篇——表单组件（九）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...