1. 程式人生 > >4.具體練習一個h5實例

4.具體練習一個h5實例

www 編輯 vscode text line 導航 ora bubuko css

目標地址:https://www.vyuan8.com/vyuan/plugin.php?id=vyuan_fangchan&module=fangchan&pid=10079&fid=70823

頁面可以從上到下分為若幹組件,導航,swiper幻燈,詳情,推薦,底部 5個組件

1.先搞個頭部導航

csshtml搞過來之後 發現總是不對 ,什麽問題呢

原來是熱刷新的問題,也就是你再vscode編輯修改了,但是在瀏覽器看到的效果不是實時的,nodejs有個熱刷新的命令

cnpm install -g supervisor

先在命令行停止項目,然後執行 supervisor 後再

npm run dev

Header.vue

技術分享圖片

效果:

技術分享圖片

少了個箭頭,要加載 iconfont.css,而且是全局的css

首先配置nuxt.config.js

技術分享圖片
然後把靜態樣式文件放到該目錄

Npm run dev 效果出來了

技術分享圖片

4.具體練習一個h5實例