header區域開發
iconfont的使用和**優化
在src/assets中放入iconfont目錄及iconfont.css
修改iconfont.css檔案中src: url()路徑./iconfont/iconfont.eot..
在main.js中引入
建立公共樣式 在style目錄下建立varibles.styl
引入並使用
header.vue
輸入城市/景點/遊玩主題
在元件例項屬性name中不要寫swiper, 會導致swiper元件報錯
避免輪播圖未載入出來時下方的內容跑到上面來
- 在html中外層新增
swiper.vue
background: #f00
overflow: hidden
width: 100%
height: 0
padding-bottom: 26.6666%
.swiper-img
width: 100%
Vue2 5開發去哪兒網App 搜尋功能完成
效果展示 search.vue div class search content ref search v show keyword ul li class search item border bottom v for city,index in citylist key index li li ...
Vue2 5從零開發貓眼 個人中心元件開發
vue2.5從零開發貓眼 前言 vue2.5從零開發貓眼 專案開始前準備 vue2.5從零開發貓眼 啟動頁開發 vue2.5從零開發貓眼 home頁開發 vue2.5從零開發貓眼 影院頁開發 vue2.5從零開發貓眼 個人中心元件開發 vue2.5從零開發貓眼 city元件開發 vue2.5從零開發...
Vue2 5學習筆記（五）如何進行元件化開發？
homeheader.vue header header left iconfont span div header input iconfont span 輸入城市 景點 遊玩主題 div header right iconfont iconfont span 城市 div div templat...