很簡單的獲取列表格式數(shù)據(jù)，遍歷之后，渲染在界面上即可

bug:在沒有清除上面元素浮動，或者是數(shù)據(jù)沒有請求到進行渲染時，都有可能發(fā)生錯誤，這里是在iphone5時顯示錯誤，錯誤原因：沒有清除上面元素的浮動

image.png

image.png

image.png

1 細(xì)調(diào)公告欄以及讀取數(shù)據(jù)安全校驗

image.png

image.png

image.png

2 讀取數(shù)據(jù)版導(dǎo)航

• 導(dǎo)航結(jié)構(gòu)
  div.navigation>ul>li

  
  
  image.png

• 導(dǎo)航樣式
  flex，wrap

  
  
  image.png
• 讀取數(shù)據(jù)
• 遍歷數(shù)據(jù)
• 顯示數(shù)據(jù)

• 在首頁導(dǎo)入

  
  
  image.png

3 靜態(tài)數(shù)據(jù)首頁導(dǎo)航

• 在assets文件夾下存好圖片
• 在結(jié)構(gòu)中引入圖片
• 設(shè)置圖片樣式

• 調(diào)用vue使用動畫的方法

  
  
  image.png
  
  
  image.png
  
  
  image.png