小程序实践（三）：九宫格实现及item跳转

效果图：

 

实现效果图红色线包含部分的九宫格效果，并附带item点击时间。

 

 ------------------------------------------------------------------------------------------------------

 

 具体实现：

 1、首先添加图片资源文件

　   在项目根目录新建一个目录，取名为images , 用于存放图片资源，然后添加进入几张图片

       

 

 

 2、在home目录下的home.js 文件中(参照前两篇小程序实践文章) 进行数据源的配置

       

      数据源为一个数组，每个数组元素为一个对象，该对象包含name(item文字)，img(item示意图)，url(点击该item跳转目录)

 

 3、依据列表渲染的知