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