微信小程序试手记录（四）页面搭建与切换

一、主功能页面的搭建与切换

点击底部菜单即可切换页面：

二、实现城市定位

2.1、调用位置api：

2.2、调用成功的回调函数后，还需要借助第三方， 腾讯地图sdk，

2.2.1 、注册key，按文档提示步骤操作即可。

自己在写练习测试程序时要勾选。

2.2.2、下载第三方 相关文件，按步骤引入对应文件：
== 注意，根据自己的情况修改文件路径位置==

2.2.3、调用逆向解析

2.2.4、拿到返回的数据

2.3、将逆向解析得到的cityname 赋值渲染到页面。

三、实现banner图

3.1、获取到模拟数据，搭后台 起服务：


3.2、微信发请求：

3.2.1、将端口定义到全局去，方便后面改动


然后通过app实例拿到，如下写法：


3.3、将拿到数据渲染到页面：
3.3.1、在data中定义出bannerlist，的数据位置，并接收


3.3.2、渲染到页面结构中：遍历

四、实现电影菜单选项卡

4.1、实现点击菜单选项卡的小特效
结构：

样式：

js 逻辑：

五、实现电影列表：

5.1、自定义组件，写结构

注：----------------------------------------------------------

1、rpx 与px

2、