# web55tt

**Repository Path**: zhukou/web55tt

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2020-12-01
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 登录页面

- 布局
- 显示图标

  - 使用的是插槽 有 3 处 【叉叉 表单图标 验证码的按钮】

    <van-nav-bar
    fixed
    title="登录"

    >

          <!-- <template #left>
              <van-icon name="cross" />
          </template> -->

          <van-icon
              slot='left'
              name="cross"
          />

      </van-nav-bar>

- 获取验证码

  - 使用插槽将图标和定时器一起显示出来
  - data 中定义一个 flag
  - 点击获取验证码

    - 将 flag 取反
    - 将按钮和定时器使用 v-if 和 v-else 让按钮和定时器切换显示、
    - 定时器 需要设置时间 60 \* 1000 s
    - 结束后 需要使用组件的事件监听 结束就将 flag 取反

    - 在点击后还需要发送请求获取手机验证码短信

- 点击登录按钮

  - 封装 axios 函数

    1、导入 axios
    2、const request =axios.create({baseURL:''})
    3、暴露 request

  - api/index 封装发送请求的函数

    1、导入 request request 就相当于 axios


        1、将登陆后信息存储起来

          + 将数据存储到vuex中
          +  触发vuex中mutations中的函数
          +  将获取的信息赋值给state中 的user  并且做本地缓存
          +  对state中的user的值从本地缓存中获取

#### 我的频道和推荐频道

[✔️]- 显示对话框 ===
[✔️]- 显示我的频道 ===
[✔️]- 显示推荐频道 ===
推荐频道=所有频道[1,2,3,4,5]-我的频道[1,2,5]======[3,4] ===
[✔️]- 完成和编辑按钮的切换显示 删除图标显示 ===
[✔️]- 点击我的频道切换高亮显示

- [✔️]删除我的频道 推荐频道增加 [✔️]显示是高亮问题 ==[✔️]高亮的索引是否前进
  - 判断用户是否登录
    - 如果登录就显示用户的频道 删除就需要发送请求
    - 如果没有登录 就显示游客的频道 就不需要发送请求 可以做本地缓存
- [✔️]点击推荐频道 我的频道增加
  - 判断用户是否登录
    - 如果登录就显示用户的频道 删除就需要发送请求
    - 如果没有登录 就显示游客的频道 就不需要发送请求 可以做本地缓存

#### 搜索

- 搜索
  - 防抖
- 历史===初次进入时就显示
  - 数据可持久化
  - 数据始终显示最新的 即使有重复的把之前的需要干掉然后显示最新的在前面
  - 点击删除图标按钮
    显示全部删除 和完成 + 每一个列表的删除图标显示
  - 点击完成
  - 全部删除
  - 点击单个删除图标
  - 点击列表进入搜索结果页面并且将数据显示在表单上
- 建议====只要表单输入就显示
  - 搜索文字高亮 正则
  - 点击列表进入结果页面
- 结果  按enter+ 点击列表
  - 显示数据列表
  - 上拉加载效果的显示数据
- 点击取消回退到首页


####  图片预览
+ 获取稳扎请详情数据后  就获取所有的img
+ 通过属性绑定  ref  
+ 对img循环  获取每一个img的src
+ 在对每一个img绑定点击事件
+ 显示图片预览
+ 初始化图片预览api

####  评论
# 点击文章对应评论按钮======对文章进行评论
  + 显示对话框
  + 评论组件需要封装复用
  + 评论成功后  关闭对话框 并且文本域中的内容 +  并且显示出刚刚添加的回复

# 点击评论对应的回复按钮====对评论进行回复
  + 点击评论的回复按钮
    + 显示对话框
    + 显示要回复的评论
    + 显示评论的回复列表
    + 回复的条数
    + 点赞【评论的回复进行点赞】
    + 对评论进行回复【给评论写评论】
    + 关闭对话框  并且显示出刚刚添加的回复