# mint-ui参考

**Repository Path**: qaf2018/mintui_reference

## Basic Information

- **Project Name**: mint-ui参考
- **Description**: https://github.com/JerryYuanJ/a-vue-app-template
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-11-15
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

*注意：本项目是基于vue-cli 2.x*

# 项目简介
    这是一个基于vue-cli的全家桶示例项目，使用了vue-cli作为脚手架搭建，使用了mint-ui作为前端框架。
    路由管理:vue-router，状态管理:vuex，网络请求:axios。
    这是一个移动端的app项目示例，可根据此例进行一个H5应用的搭建，利用打包工具（如cordova）可以打包成原生应用。
    项目的默认端口是`8899`，你也可以在webpack的配置中自己更改。
    本项目没有使用eslint代码检查，所以有一些代码风格不是很规范
# 项目演示
  由于录屏软件的问题，该演示图可能又有些卡顿情况，与项目运行无关。有空会重新录一版。
  ![vue-app演示图](https://github.com/JerryYuanJ/a-vue-app-template/blob/master/static/app.gif)
# 博客
这个是我的个人博客，里面有对本项目的详细介绍及搭建，组件学习。每次大的更新都会做相应的记录。
## [Jerry的个人博客](http://blog.csdn.net/qq_25324335/article/details/78675148)

# 项目运行
    git clone https://github.com/JerryYuanJ/a-vue-app-template.git
    cd a-vue-app-template
    (安装依赖) npm install (或者cnpm install)
    (运行）npm run dev 
    (打包）npm run build
# 功能介绍
    * mint-ui中较为复杂组件的使用，比如loadmore和swipe组件的结合使用，完成主流app列表页的上拉加载更多、下拉刷新、
      左滑切出编辑选项等常见需求。
    * mint-ui中MessageBox的校验问题解决
    * 子路由的使用
    * echarts图的使用
    * 组件化开发，包括组件开发的常见问题的解决
    * 子路由的应用，以及刷新当前子路由页面的问题解决
    * 国际化插件的使用详解
    * 移动端日历组件的展示运用
# 更新日志
    * ~2018-03-13
      项目搭建及部分代码调整，组件学习、测试等。
    * 2018-03-14
      * 添加sass作为项目的css语言，并且定义了几个共有的变量和混合作为简单学习
      * 添加echarts图的主要统计图表，利用子路由完成单页面内的图表切换。同时解决了单页面内刷新当前子路由的对应组件的展示问题。
    * 2018-03-17
      * 添加下拉刷新组件。自己写的一个组件，实现了下拉刷新功能，主要是探究类似组件的实现原理。
    * 2018-04-14
      * 图表统计界面添加了一个进入的默认图表显示
      * 项目结构调整,主要是将自定义的组件抽取到单独的文件夹中components/comswen目录中存放所有的自定义组件,pages/test目录中
        存放对应的测试组件使用界面
      * 模块化路由配置（之前的没有动，新建的组件测试页面的路由都抽取到router/modules/components.js中）
      * 新建一个select-header组件，用于可选择的头部组件的封装 
      * 添加font-awesome依赖
    * 2018-06-20
      * 添加了国际化插件及测试demo
      * 添加了三种日历插件及测试demo
    * 2018-07-31
      * 添加了富文本编辑器