201711671116 实训学习日志三

（一）主要内容

轮播图的制作

轮播图在微信小程序中一般是用swiper这个标签来实现的，swiper在微信官方文档中是指：滑块视图容器。而通过for循环能够更便捷地增加轮播的图片，实现多图轮播。

（二）笔记

1、微信开发工具常见文件及其功能：app.json与顶部导航栏颜色​样式、底部导航栏样式的设置有关。
app.wxss涉及全局css样式​。
单独页面的.json文件可以覆盖全局的.json文件，map.json用于制作地图，project……json与页面背景等​设置有关。

2、通过微信官方文档可以找到组件、api用法​。

3、关于轮播：轮播图（滑块视图容器）​用了swiper​标签，轮播的图片标签是image。
更换大手机尺寸时插入style标签可以拉伸图片，​width100％可以保证兼容性。

（三）作业

1、在“我的” 页面调用微信小程序里的方法，把用户头像、用户名称做一个列表
2、调用微信小程序的接口获取你的手机信息，在“我的” 页面里把手机信息展示出来（包括手机型号、手机系统、分辨率）
3、把整个“地图”页面变成地图（最好有浮标定位到当前位置）

如图是我的个人主页

微信名和微信头像主要是通过微信提供的getUserInfo接口实现的，这个接口能返回用户的昵称、头像等基本信息，并使用了open-data组件的type属性。

设备信息是通过GetSystemInfo获取的。以下是手机设置页面中的型号、安卓版本信息，可以发现微信小程序中的信息显示无误。

下图是地图，在宿舍可以精确地定位。