（小程序taro框架入门到实战）二、构建页面及相应组件开发

一、项目效果图展示

待添加

 

二、项目需求分析

说明：项目主要是用户的查看货源信息，筛选对应的货源信息，发布物流信息，用户登录，查看物流信息详情。

1.首页信息页面

说明：包含上拉刷新，下拉加载，地址筛选，条件筛选

2.货源详情页面

说明：货源详细信息，联系人的信息，电话拨打

3.我的货源页面

说明：查看我的货源信息，发布货源历史信息，删除货源信息，展示隐藏货源

4.发布货源页面

说明：字段包含装货地址，收货地址，重量体积，车长车型，货物名称，装货时间，更多备注，联系电话

5.个人中心页面

说明：个人信息登录，手机号授权，联系客服

 

三、项目页面搭建

1.TabBar导航页面

说明：设置为三个部分

1)三个页面

a.首页index.jsx

命令生成页面>taro create --name index

注：生成的页面需要添加React【命令生成页面都需要添加】

import React, { Component } from 'react';

b.我的发布increase.jsx

命令生成页面>taro create --name increase

c.个人中心mine.jsx

命令生成页面>taro create --name mine

2)设置路由在app.config.js配置【包含下面命令生成页面都一起配置好了】

3)在app.config.js中配置tabBar【具体类似于微信小程序】

4)效果展示

 

2.其他页面

1)详情detail.jsx

命令生成页面>taro create --name detail

 

2)发布add.jsx

命令生成页面>taro create --name add