huangquanya / guaziershouche

手撸瓜子二手车直卖网，基于react的手机端界面

guaziershouche

• 小组分任务：我需要完成项目整体构建，路由配置 ，瓜子二手车的首页的书写

瓜子二手车首页

• 2020/7/18

  1. 项目第一天
  • 创建项目前端的react框架
  • 项目使用normalize.css初始化项目配置
  • 引入阿里项目font设置文件，完成html和body的fontsize自适配初始化

  <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

  • 完成router配置以及底边栏的样式设置
  • 完成首页的搜索栏样式书写

• 2020/7/20

  1. 项目第三天
  • 完成使用swiper制作滚动广告
  • 完成导航栏的制作
  • 完成汽车推荐栏
  2. 项目中遇到的问题
  • swiper分页使用不熟练，相关属性以及结构的使用通过查寻官方文档解决
  • swiper的pagenation遇到bug，可以在项目中将整个页面左右滑动 尚未解决

• 2020/7/21

  1. 项目第四天
  • 完成汽车推荐栏
  • 解决项目整体分页的问题（使用overflow—X：hidden）
  2. 项目中遇到的问题
  • css不熟练，切页面太久

• 2020/7/22

  1. 项目第五天
  • 完成汽车展示无序列表css
  • 解决汽车推荐栏间隔不对的问题（父盒子设置font-size:0）
  • 使用粘性设置标题栏
  2. 预计将实用新的技术栈：react-router-config配置路由和styled-components配置固有样式

• 2020/7/23

  1. 项目第六天
  • 完成首页样式
  • 引入react-router-config配置路由
  • 成功更新路由的书写方式和配置
  • 完成底边BtbarLayout的编写
  • 开始卖车页面的书写
    1. 完成卖车页面的头部
    2. 完成卖车页面的car-band-box的书写
  2. 项目不足：
  • 头部的显示动态控制还未实现
  • 需要加快项目进度
  3. 收获
  • 在切样式的时候就应该想清哪些地方需要数据，并使用假数据填入，而不是直接写死

• 2020/7/24

  1. 项目第七天
  • 卖车页面完成报价优势的编写
  • css样式书写时采用BEM命名规范
  2. 不足：
  • 写样式时遇到canvas不熟练