18.Vue3移动端项目-优医问诊H5

--14《进度条》
nprogress安装进度条
在request文件夹下index.ts里边引入

开启进度条+加载完毕后关闭+
关闭旋转按钮(关闭圈圈)

更换进度条颜色

还需要安装进度条的type类型

可以做一个首页重定向

在afterEach里边进行一个传参
也可能没有,所以或者为空
这时候就能看到浏览器文本在变化
这样就可以实现点击我的实现自己的标题

请求函数的时候带上token
取token
判断token存在的时候再进行拼接到请求头里边

--15《我的页面》
静态页面直接cv
请求接口
先写返回的数据类型校验

定义数据类型
放src-types-user.d.ts文件夹里边
接口名称可以更改

定义好后,开始封装Api接口

在serveices-user.ts这个文件夹封装

调用Api获取数据-渲染数据08:40分时

图标vant自带参数,问一下
图片偏移了怎么办?
添加一个逻辑或| | 或者为空

--16工具栏
继续我的页面
cv快捷工具
封装一个组件,方便我们复

循环遍历,先显示

is-link默认右箭头
在vant-单元格里边,可以控制剪头方向
:border="false"默认有边框线
我们不要所以利用(false) 就去掉
在存放svg图标里边新建user文件夹,存放我的页面图标,进行渲染页面
可以利用模板字符串,动态渲染
依次加1,正好对照图标(顺序要整好)

点击的时候还要进行跳转
调用router

怎么实现跳转呢?
来一个点击事件

--17 退出功能

a链接设置样式

跳转时会有一个页面刷新
可以添加一个JavaScript:; (为空的含义)
点击时不会刷新,和跳转页面了

来一个点击事件,点击时弹出弹框

封装了


确实时就确认以下代码
因为是异步执行所以加上async
导入store

--18 判断token