vue入门项目：类新闻类移动端app

vue入门项目：类新闻类移动端app

工程地址

github地址

项目介绍

• 使用框架
  • 项目是一个使用vue脚手架开发的类新闻类应用
• 需要知识：
  • vue
  • vue-router
  • axios
  • mui
  • mintUI
  • webpack
  • 了解跨域请求配置
• 使用库

//基础库
vue
vue-router
//异步请求
axios
//缩略图处理
vue-preview
//ui库
mui
mintUI
layui
//时间日期处理类
moment

项目页面介绍

• 首页
  • 使用mui的header 和 底部tab
    • 底部tab除首页外其他页面为空
  • 使用mintUI的轮播图
  • 使用mui的九宫格布局
    • 新闻页面
      • 使用mui的列表
      • 使用moment的时间格式化
      • 新闻详情页面
        • 使用自定义的评论组件
    • 图片页面
      • 使用mui的分类滑动选项卡
      • 使用mui的图片懒加载
      • 图片详情
        • 使用vue-preview的缩略图
        • 使用自定义的图片组件
    • 商品页面
      • 自定义的商品详情页面
      • 使用弹性盒模型进行总体布局

项目示例图

• 首页
  
• 新闻列表页
  
• 新闻详情页
  
• 图片列表页
  
• 图片详情页
  
• 商品列表布局