跟我一起做乙個vue的小專案(十一)

2022-01-11 09:29:00 字數 952 閱讀 3096

接下來我們進行的是詳情頁動態路由及banner布局

先看頁面的效果

下面是**部分

故宮(aaaaa景區)

 39

接下來我們進行畫廊元件的封裝

首先修改webpack.base.conf.js檔案

接下來我們進行gallery元件的封裝

點選我們的banner圖,會進入gallery元件裡面,點選gallery裡面的,關閉gallery,回到banner頁面

我們可以先看效果

接下來我們來看**

記住我們是將gallery封裝成了乙個公共元件,放在新建的common資料夾中

我們在banner中引用gallery元件

故宮(aaaaa景區)

 39

未完,待續

跟我一起做乙個vue的小專案(四)

接下來我們進行的是輪播頁面下面的導航頁的開發 我們需要的是實現輪播頁下面的圖示,並且實現輪播效果 這個話,其實基本思路先是渲染出小圖示,然後,我們要對頁數進行判斷,如果圖示的個數展示的就是8個,那個這個就是一頁輪播 如果大於8個,我們要計算是顯示幾個輪播頁。再根據這個輪播頁我們去渲染的資料 接下來我...

跟我一起寫 Makefile(十)

foreach 函式和別的函式非常的不一樣。因為這個函式是用來做迴圈用的,makefile 中的foreach 函式幾乎是仿照於 unix 標準shell bin sh 中的for 語句,或是 c shell bin csh 中的foreach 語句而構建的。它的語法是 foreach 這個函式的意...

跟我一起寫 Makefile(十)

foreach 函式和別的函式非常的不一樣。因為這個函式是用來做迴圈用的,makefile 中的foreach 函式幾乎是仿照於 unix 標準shell bin sh 中的for 語句,或是 c shell bin csh 中的foreach 語句而構建的。它的語法是 foreach 這個函式的意...