宠物寄养小程序实战教程02

我们上一篇介绍了宠物寄养小程序的总体功能和数据源设计，本篇我们介绍一下首页功能的开发。

首页的功能点一共包含

• 地区选择
• 检索
• 轮播图
• 横向滚动图文列表
• 关注功能
• 纵向图文列表

地区选择

我们参照的这个小程序地区选择的效果是点击地图的图标，弹出一个地区选择的窗口，选择好省市区之后将选中的地区回填到顶部导航条上。

要想回填后我们先需要获取到地区的信息，必须将选中的地区赋值给变量。为此我们需要定义一个全局变量area来接收我们选中的地区

创建全局变量

创建变量的方法也比较简单，点击导航条的变量

将鼠标移动到全局(global）会出现一个+号，点击+号即可创建变量