- 创建微信小程序项目: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-阿里巴巴矢量图标库
- 参考文档全局配置 | 微信开放文档,完成底部导航栏设置,可以结合文档属性丰富设置效果,并给出实现截图。
2. 修改每个tab页面的导航栏标题及样式,导航栏标题分别为福利(welfare)---读书福利、书城(bookmall)---微信读书、听书(listen)---微信听书,样式可以结合你自己的思考设置,给出你实现的各个页面设置效果截图。以下效果为参考:
图4-1 书城页面设置参考