--14《進(jìn)度條》

nprogress安裝進(jìn)度條

在request文件夾下index.ts里邊引入

開啟進(jìn)度條+加載完畢后關(guān)閉+

關(guān)閉旋轉(zhuǎn)按鈕（關(guān)閉圈圈）

更換進(jìn)度條顏色

還需要安裝進(jìn)度條的type類型

可以做一個(gè)首頁(yè)重定向

在afterEach里邊進(jìn)行一個(gè)傳參

也可能沒(méi)有，所以或者為空

這時(shí)候就能看到瀏覽器文本在變化

這樣就可以實(shí)現(xiàn)點(diǎn)擊我的實(shí)現(xiàn)自己的標(biāo)題

請(qǐng)求函數(shù)的時(shí)候帶上token

取token

判斷token存在的時(shí)候再進(jìn)行拼接到請(qǐng)求頭里邊

--15《我的頁(yè)面》

靜態(tài)頁(yè)面直接cv

請(qǐng)求接口

先寫返回的數(shù)據(jù)類型校驗(yàn)

定義數(shù)據(jù)類型

放src-types-user.d.ts文件夾里邊

接口名稱可以更改

定義好后，開始封裝Api接口

在serveices-user.ts這個(gè)文件夾封裝

調(diào)用Api獲取數(shù)據(jù)-渲染數(shù)據(jù)08：40分時(shí)

圖標(biāo)vant自帶參數(shù)，問(wèn)一下

圖片偏移了怎么辦？

添加一個(gè)邏輯或| | 或者為空

--16工具欄

繼續(xù)我的頁(yè)面

cv快捷工具

封裝一個(gè)組件，方便我們復(fù)

循環(huán)遍歷，先顯示

is-link默認(rèn)右箭頭

在vant-單元格里邊，可以控制剪頭方向

:border="false"默認(rèn)有邊框線

我們不要所以利用（false) 就去掉

在存放svg圖標(biāo)里邊新建user文件夾，存放我的頁(yè)面圖標(biāo)，進(jìn)行渲染頁(yè)面

可以利用模板字符串，動(dòng)態(tài)渲染

依次加1，正好對(duì)照?qǐng)D標(biāo)（順序要整好）

點(diǎn)擊的時(shí)候還要進(jìn)行跳轉(zhuǎn)

調(diào)用router

怎么實(shí)現(xiàn)跳轉(zhuǎn)呢？

來(lái)一個(gè)點(diǎn)擊事件

--17 退出功能

a鏈接設(shè)置樣式

跳轉(zhuǎn)時(shí)會(huì)有一個(gè)頁(yè)面刷新

可以添加一個(gè)JavaScript:; (為空的含義)

點(diǎn)擊時(shí)不會(huì)刷新，和跳轉(zhuǎn)頁(yè)面了

來(lái)一個(gè)點(diǎn)擊事件，點(diǎn)擊時(shí)彈出彈框

封裝了

確實(shí)時(shí)就確認(rèn)以下代碼

因?yàn)槭钱惒綀?zhí)行所以加上async

導(dǎo)入store

--18 判斷token