微信小程序目录结构及框架分析

1. 创建微信小程序项目：WchatReading，并创建微信小程序三个页面:福利（welfare）、书城(bookmall)、听书(listen)。

 

     图1-1 创建页面方法                

    

  图1-2 完成页面创建后

 

2. 编辑app.json文件中的`pages`的配置：页面路径；设置书城页面为启动后的首个页面，请思考是否还有其他方式设置书城页面为启动后的首个页面？（给出设置截图）

3. 编辑app.json文件中的`tabbar`的配置，实现“WchatReading”项目如下效果：在小程序底部设置3个tab选项。

图3-1 tabbar设置效果

 

4.  创建图片目录images，并粘贴进去几张图片。注意，往目录中粘贴图片需要在硬盘找到目录位置去粘贴，直接在工具中不能粘贴图片。iconfont-阿里巴巴矢量图标库

1. 参考文档全局配置 | 微信开放文档，完成底部导航栏设置，可以结合文档属性丰富设置效果，并给出实现截图。

 

2. 修改每个tab页面的导航栏标题及样式，导航栏标题分别为福利（welfare）---读书福利、书城(bookmall)---微信读书、听书(listen)---微信听书，样式可以结合你自己的思考设置，给出你实现的各个页面设置效果截图。以下效果为参考：

图4-1 书城页面设置参考