13-首页导航

很简单的获取列表格式数据，遍历之后，渲染在界面上即可

bug:在没有清除上面元素浮动，或者是数据没有请求到进行渲染时，都有可能发生错误，这里是在iphone5时显示错误，错误原因：没有清除上面元素的浮动

image.png

image.png

image.png

1 细调公告栏以及读取数据安全校验

image.png

image.png

image.png

2 读取数据版导航

• 导航结构
  div.navigation>ul>li

  
  
  

  image.png

• 导航样式
  flex，wrap

  
  
  

  image.png
• 读取数据
• 遍历数据
• 显示数据

• 在首页导入

  
  
  

  image.png

3 静态数据首页导航

• 在assets文件夹下存好图片
• 在结构中引入图片
• 设置图片样式

• 调用vue使用动画的方法

  
  
  

  image.png
  
  
  

  image.png
  
  
  

  image.png