我的小程序是模仿手机app版的帮阿姨软件。主要功能有:
位置图位置预订服务订单视图订单页面跳转底部栏切换良好的互动图片转盘
首先,我需要说明我的数据来源。我用mock来模拟数据。详情见http://www.easy-mock.comEasy Mock是一个可视化工具,可以快速生成模拟数据的服务。它可以为我们提供一个数据接口url,要求我们使用request发送数据请求。其次,我想解释一下用户登录的问题。我选择用微信账号登录,使用小程序自带的wx.getUseInfo()应用界面获取用户信息。当然,它会首先调用wx.login接口,询问用户是否应该给予权限。让我们先解释这两点,然后进入正题:
功能实现
轮播地图底部栏的交互页面跳转首先看主界面:
图像文本
这个界面使用了微信小程序的swiper组件和tabbar组件,可以快速达到想要的图片轮播和底栏切换效果,但是使用原生js或者jquery进行编码非常麻烦。让我们看看微信小程序是如何实现的:
HTML结构