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

程序员文章站 2022-03-13 20:24:07

vue入门项目：类新闻类移动端app工程地址项目介绍使用框架项目是一个使用vue脚手架开发的类新闻类应用需要知识：vuevue-routeraxiosmuimintUIwebpack了解跨域请求配置使用库//基础库vuevue-router//异步请求axios//缩略图处理vue-preview//ui库muimintUIlayui//时间日期处理类moment项目页面介绍首页使用mui的header 和底部tab底部t...

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的缩略图
      - 使用自定义的图片组件
  - 商品页面
    - 自定义的商品详情页面
    - 使用弹性盒模型进行总体布局