# webapp

**Repository Path**: jiang_yuanfang/webapp

## Basic Information

- **Project Name**: webapp
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webapp

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```

### Lints and fixes files

```
npm run lint
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

点击 登陆 / 注册 <span @click="$router.push('/login')">登陆 / 注册</span>   跳转到/login页面
login页面  左上角叉叉xx  @click="$router.push('/my')" 跳转到/my 页面
拦截器 配置需要有请求头携带 Authorization token 中添加 Bearer 字段
点击退出 清除本地 token 和 vuex 中的 token
封装提示信息组件 点击退出登录 弹出提示框
获取用户信息 渲染到页面 需要有请求头携带 Authorization token 中添加 Bearer 字段
编辑信息功能 点击跳转----创建 profile 组件并配置路由规则
首页 搜索框 滑动 tab 栏

- tab 标签页-----汉堡菜单-- 一个占位符一个图标---flex-shrink:0----定位固定----宽度
- 发送请求获取首页 tab 导航栏数据
- 组件 list 列表--------
- 首页推荐数据-------接口-------频道新闻推荐 1.1-----
- 单元格 cell----插槽 label---文章下面的内容---div>span\*3----文章右边的内容图片---插槽
- 图片 需要判断---大于一张就显示在下面，等于 1 张就显示右面---显示隐藏---右边的图片的单独的模板----下面显示图片 div>img---循环
- 下拉发送请求----封装组件

[✔]

- 时间：

1. 安装 day.js 包-----在 main.js 中导入--day.js----relativeTime.js----locale/zh-cn.js

- 操作----显示---指定时间以前----国际化----在浏览器中加载语言---改变全局余元

2. 点击文章跳转路由 字符串拼接

- 配置一级路由---article/：articleId

3. 抽 时间的 js---单独写一个放时间的 js 文件---format.js---在 main.js 中导入
4. article 组件中 发送请求 渲染数据
5. article 组件中 布局
6. 解决大数字---下载 npm i json-bigint---使用在拦截器中

- 导入 json-bigint 在 request.js 中
- 配置现因功能

7.  自定义事件---关注功能

- 关注按钮----组件布局---已关注 or 关注----显示隐藏
- 关注按钮---loding 效果---属性绑定----点击时显示 loading 效果---true||false 取反

8. 缩略图-----vant 图片预览---组件调用

- 每张图片的点击事件

* this.\$refs----先找到所有的图片---一个函数---在能拿到数据的时候调用

- 图片预览---指定初始位置
  g