完成小程序期刊首页

 

接下来完成期刊组件

 在components下新建组件目录epsoide

 

因为只有17（期刊的刊号）是需要传递进来的，所以在组件内部js这样定义变量,小程序会合并properties和data

 完成页面骨架：

在首页也就是classic的json配置文件中设置组件路径

 在封装组件过程中最重要的事就是把那些业务写在组件里，那些写在组件外面，在这里需要把传递过来的期刊号根据是否是个位数进行补0，

 

补零操作在observer里设置

再增加一些样式就完工啦

 

 

首页最后还剩下导航栏也是整个最难的业务：

 

components里新建文件组件navi：

 定义数据

视图层根据是否是第一或者最后一期显示对于的左右按钮

 设置样式:

 

 

 

在首页插入组件标签并传入first和latest

在classic.js中定义初始属性:

在navi组件内部监听用户点击左右按钮的事件，在监听到以后再navi组件内部使用triggle event来激活自定义的事件

 

 

 

　　在classic页面中中监听navi组件所抛出的事件

 　　在classic.js中先写好这两个方法的函数

首页还有音乐组件和句子组件，在这里先搭建框架：

在组件里新建音乐组件和句子组件

 

初始化一些数据

 

在音乐组件和句子组件以及电影组件中有一些公共的属性和方法，可以通过

behavior来继承：

在组件根目录新建一个用来保存公共方法的js并导出

在组件内部js这样来使用:

 

tip: 子类会覆盖父类中的属性