写航空项目的流程以及问题所在

1.索引页

   1.

CSS样式没什么好说的

2.

给两个按钮加路由跳转，在router下面的index.js把路由配置好

2. 支教首页

写首页我是先把静态页面写完，才添加的接口

1）.

用axios之前看看用不用跨域，我这个页面用的代理服务器

                        图片哪里是轮播图，用element-ui框架写的，数据也是接口axios调的

 2）.

              ​​​​​​      ​​​​​  ​​​​​​ 

这里面的字体是上下无缝隙滚动的，

 direction是调上下左右的        

3）.

   这个就是首页下面的二级路由，配置完路由，直接点击走router-link to=“要跳转的页面”

css样式中加入了display：flex 

 二级页面里面也都是静态页面，只不过需要给他加一个返回首页 to="/首页的路由"

4）.

这个里面的内容也是文字向上滚动，而且是无缝隙滚动，我当初也是想用marqee这个标签写，但是这个不是无缝滚动，滚完所需要的，会有很长时间的真空期，我在网上找了个插件

   npm install vue-seamless-scroll --save  然后在main.js中引入

   import scroll from 'vue-seamless-scroll'     Vue.use(scroll)
                                 

 用flex布局调一下位置 就可以无缝滚动了

 5）.

这里也是先把静态页面渲染上去，在走接口掉数据渲染，但是他下面也有二级要传id值，在路由中配置时，要在后面加上id

 

 在created 里面调用 ：  this.biyieganshenm（）

在data里面起一个叫yiduiyi的空对象，在上图中调用了

img里面那个网址是这个项目加图片必须要拼接的