# VueCMS

**Repository Path**: HelloHWQ/VueCMS

## Basic Information

- **Project Name**: VueCMS
- **Description**: 一个简单的vue2.x的移动端网站
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目说明
## 项目意义
项目主要是基于vue2.x和webpack4.x搭建一个移动端网站
## 使用步骤
+ git clone
+ npm install
+ npm run dev
## 代码提交步骤
+ git add .
+ git commit -m "tip"
+ git push
## 2018-11-29制作首页App组件
1. 完成Header区域，使用的是MintUI的Header
2. 完成Tabbar区域，使用的是MUI的tabbar.html的代码段
 + 需要导入扩展图标的样式icons-extra.css
 + 导入扩展字体库mui-icons-extra.ttf
 + 为购物车小图标添加mui-icon-extra mui-icon-extra-cart的扩展样式
 + 修改tabbar的路由地址
 + 设置路由高亮
 + 构建中间部分的组件
 + 配置路由
 + 完成首页轮播图
## 2018-11-30工作内容
1. 简单的搭建了一个json-server用来获取首页的banner图
2. 使用MUI渲染了一个6宫格
3. 设置页面进入与退出的动画效果
## 2018-12-2工作内容
1. 设置首页新闻资讯的路由
2. 使用MUI搭建新闻列表页面
3. 设计新闻详情页
4. 添加了评论模板，可以正常提交评论，但是评论提交怎么显示最新的评论
## 2018-12-3工作内容
1. 修改发表评论的数据更新方法
2. 调整数据接口
3. 图片分享栏目的滑动分类
4. 图片分享栏目lazyload
## 2018-12-4工作内容
1. 完成预览缩略图的样式
2. 使用vue-preview插件实现图片的预览功能
3. vue-preview须使用新方法<vue-preview :slides="imagelist" @close="handleClose"></vue-preview>
4. 对vue-preview控制的图片的列表的样式调整必须放在一个全局的css里面
## 2018-12-5工作内容
1. 完成商品列表页
2. 完成商品详情页