项目大致流程
前言
本人根据黑马优购项目进行总的概括,可能还不够全面,仅供参考
一、首要操作
1、配路由
在位于根目录下的app.json里把页面路由配置好
在tabbar里把底部tab切换配置好,实现页面切换
2、封装wx.request
在根目录下创建request文件夹,基于promise进行封装
封装详情
3、封装频繁使用的组件
我们项目中用的次数比较频繁的功能可以封装起来,比如搜索功能、标签栏功能等。在根目录下创建components文件夹用于存放封装组件。
二、首页
首页分三部分,其中搜索框是一个导航跳转按钮,跳转到搜索页面,首页用封装好的wx.request()方法请求接口,渲染页面即可。
三、分类页面
到了分类页面分左右两个部分作为盒子使用都有各自的滚动条,不会相互影响。用小程序内置标签和属性即可实现。
由于页面头部有搜索组件,所以盒子高度不能设置为100%。
这时我们可以使用css中的一个计算方法calc()方法来计算高度。
设置完盒子高度后,接着就是给所有内容