小程序项目实战(八)

一、根据传递过来的id获取播放页的数据

        封装根据id获取数据的方法

        options参数获取传递过来的id

        根据id发送对应的网络请求,并获取数据

 

         页面最终展示效果：

        给页面添加背景并增加毛玻璃效果 

 

        自定义导航栏 

 

         内容区域

        歌曲和歌词的切换使用的是小程序自带的轮播图组件

 

 

 

 

 

 

         动态地获取屏幕的宽高和状态栏的高度

        使用getApp()来获取globalData里面的数据 

 

        内容区域发生改变的时候会触发handleSwiperChange事件

 

        根据事件的改变获取当前的current,将值赋予给currentPage即可实现歌曲和歌词的切换