# 移动端开发

**Repository Path**: grey_grey/mobile_development

## Basic Information

- **Project Name**: 移动端开发
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-04-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



  ###git
                     git remote add origin https://gitee.com/grey_grey/mobile_development.git
                 git push -u origin master
                 git init 
                 git status
                 git add .
                 git status
                 git commit -m "init my project"
                 
                 
                 
                 用传统方式把修改过得代码上传到码云
                 git add .
                 git commit -m
                  git push
                  
                 
        
        
    
###制作首页中的app组件



         header部分用mint-ui
         底部的tabbar区域，使用的是MUI 的Tabbar
         中间区域放router-view来展示路由匹配到的组件
         在操作购物车的时候操作多几部，要引进icons-extra.css文件
         mui-icons-extra.ttf文件
        
                    
                    
                    
                    
                    
                    
##改造tabbar 为 router-link

##设置路由高亮

###点击tabbar路由连接展示对应的路由组件    
    轮播使用 axios的vue-$http.get获取数据。
    获取数据保存到data上。
    再用v-for循环渲染每个item项。
###新闻资讯页面   
    改造新闻资讯路由连接
    
    新闻资讯页面制作
    1.绘制界面用mui的media-list.html
    2.用axios获取数据
    3.渲染数据
    
   
    实现跳转新闻详情
   1. 把每一列改造成router-link，同时，在跳转的时候应该提供唯一的id标识符
   2.创建新闻详情组件页面 NewInfo.vue
   3.在路由模块中，将新闻详情的路由地址和组件页面定起来
   
   
   





    
         
            
            ##实现新闻详情页面布局和数据渲染