Skip to content

随手记-具体页面功能

1. 创建笔记

  1. 添加了底部固定的保存按钮
  2. 实现了保存功能和路由跳转逻辑
  3. 添加了相关样式,确保按钮固定在底部
  4. 为编辑器添加了底部边距,避免内容被按钮遮挡
  5. 添加了加载状态和提示信息 注意:需要根据实际 API 实现 saveNote 方法。

2. 笔记列表页面

主要功能:

  1. 搜索和筛选功能:

    • 支持按内容搜索
    • 支持按笔记本、标签、时间筛选
  2. 笔记列表展示:

    • 显示标题、预览内容和标签
    • 支持左滑显示编辑和删除按钮
  3. 标签管理:

    • 支持添加和删除标签
    • 标签可用于笔记分类
  4. 编辑功能:

    • 点击编辑跳转到编辑器页面
    • 传递笔记 ID 用于加载笔记内容 需要实现的 API:
  5. 获取笔记列表

  6. 删除笔记

  7. 标签管理相关接口

3. 分类与标签

主要功能:

  1. 笔记本管理:
    • 添加新笔记本
    • 删除现有笔记本(带确认提示)
  2. 标签管理:
    • 添加新标签
    • 删除现有标签
  3. 使用模拟数据展示效果
  4. 添加了相应的交互提示 注意:需要根据实际需求对接相应的 API。

4. 同步管理页面

主要功能:

  1. 同步状态显示:

    • 当前同步状态
    • 最后同步时间
    • 已同步设备数量
  2. 同步设置:

    • 自动同步开关
    • 同步周期选择
  3. 设备管理:

    • 显示已同步设备列表
    • 设备在线状态显示
  4. 操作功能:

    • 手动同步
    • 清除本地缓存

需要实现的 API:

  1. 同步数据接口
  2. 清除缓存接口
  3. 设备状态更新接口

5. 共享与协作

主要功能:

  1. 笔记列表展示:

    • 显示可分享的笔记
    • 已分享笔记的管理
  2. 分享设置:

    • 权限设置(只读/可编辑)
    • 生成分享链接
    • 复制链接功能
  3. 分享管理:

    • 查看已分享的笔记
    • 取消分享功能

需要实现的 API:

  1. 生成分享链接
  2. 取消分享
  3. 更新分享权限

6. AI 功能

主要功能:

  1. AI 智能标注:

    • 输入笔记内容
    • 自动生成相关标签
    • 标签展示和管理
  2. 相关笔记推荐:

    • 选择目标笔记
    • 展示相似度分析
    • 推荐相关笔记列表

需要实现的 API:

  1. AI 标注接口
  2. 相关笔记推荐接口

7. 高级设置

主要功能:

  1. 提醒设置:

    • 开启/关闭定时提醒
    • 设置提醒时间
    • 设置重复周期
  2. 待办事项:

    • 添加新待办
    • 标记完成状态
    • 删除待办
  3. 离线功能:

    • 开启/关闭离线功能
    • 自动同步设置
    • 存储空间显示

需要实现的 API:

  1. 提醒设置的保存和获取
  2. 待办事项的 CRUD 操作
  3. 离线数据的同步机制

8. 我的收藏

主要功能:

  1. 收藏笔记展示:

    • 笔记内容预览
    • 作者信息
    • 互动功能(点赞、评论、收藏)
  2. 关注作者:

    • 关注/取消关注
    • 作者信息展示
    • 作者统计数据
  3. 社交互动:

    • 评论功能
    • 点赞功能
    • 关注功能

需要实现的 API:

  1. 收藏笔记列表
  2. 关注作者列表
  3. 点赞/取消点赞
  4. 评论发布/获取
  5. 关注/取消关注

9. 我的发布

主要功能:

  1. 笔记列表展示:

    • 标题和预览内容
    • 发布时间
    • 浏览量统计
  2. 笔记可见性控制:

    • 开关按钮控制公开/隐藏
    • 状态切换提示

需要实现的 API:

  1. 获取已发布笔记列表
  2. 更新笔记可见性状态

10. 排行榜

主要功能:

  1. 排行榜列表:

    • 前三名显示金银铜牌图标
    • 其他显示数字排名
  2. 用户信息展示:

    • 头像
    • 用户名
    • 标签列表
  3. 笔记统计:

    • 笔记数量
    • 统计展示

需要实现的 API:

  1. 获取排行榜数据接口