读书笔记_小程序_具体开发设计

骨架设计时的灵感

主页

• 技术

  • 富文本编辑随笔

    • editor
    • EditorContext & API

  • 显示富文本

    • rich-text

• 布局

迭代

设计数据字典，表

主页建设

• 功能

  • 完成各个模块功能点

    • 刻画假数据，用以展示效果

• 布局

  • 骨架布局，几乎不含CSS，WXSS

功能

主页

• 按不同维度排序，展示内容

• 随笔综览

• 随笔分类入口

• 特殊时刻入口

  • 6条记录

• 具有代表性文章的快速定位

• 自定义的着重凸显的随笔卡片盒子

  • 不受维度排序影响

时光轴

• 按不同维度排序，展示特定内容
• 待定...

写随笔

• 富文本编辑页面

  • 支持选择不同标题
  • 支持插入图片
  • 文章格式保存完好

趋势

• 按维度展示具有代表特征性的随笔及其他内容

• 按线形图，饼图，等图表的方式， 归档瑤瑤一切随笔的数据趋势，历史记录

• 根据图标的数据结果，对各个维度的综览进行模糊断言

  • 关注点
  • 心情趋势
  • 所想要做的事情的目标
  • 更多...

• 按一定筛选复杂度条件，展示分类，合集，或是具体某天的日志

  • 瑤瑤的随笔，文章，引用，叮咛特征值等等

  • 瑤瑤的生气时刻

    • 希望不要有更多这方面的数据了

  • 显示“历史今日”的内容

  • 根据瑤瑤的各项事迹归档，形成人物画像，推测她会比较希望想看到哪类型的事件展示在主页？

关于我

• 根据登录的用户不同

  • 开放不同的权限

  • 读取不同的个人，历史和偏好数据

  • 个人对各板块，各维度内容的关注度

  • 小程序设计自身方面的介绍

    • 设计灵感
    • 功能介绍
    • 引入第三方

布局

整体

• 色调

  • 背景色

    • 白色

  • 正文，维度选择

    • 淡灰色

      • 参考Loft字体颜色

    • 文字选中色

      • 淡蓝色

    • 宋体

  • 标题

    • 楷体加粗，大号规格

• 重新DIY布局

• 参考布局

  • 猫眼电影App
  • 网易Lofter

局部

• 主页

  • 只看自己

    • 右上角开关按钮

  • 轮播图

  • 随笔分类

    • 缩略图

      • 文章数量

    • ICON在左，文字在右

  • 版面整体内容的排序栏

    • 最新发布
    • 阅读最多
    • 修改最多
    • 内容长度
    • 第三方

  • 特殊时刻

    • 含义解释

      • 在选定排序作用下，具有代表性的8次事件，

    • scroll-view

    • 极小消息盒子

      • 布局ICON于右下角
      • 文章极简短，带有线索信息的标题
      • 文章极简短，带有结论作用的正文描述

  • 具有代表性的8篇具体文章

    • scroll-view

    • 消息盒子

      • 文章打开次数
      • 布局ICON于左下角
      • 文章极简短，带有线索信息的标题

  • 自定义的着重凸显的随笔卡片盒子

• 时光轴

• 趋势

  • uCharts 高性能跨全端图表

    • https://gitee.com/uCharts/uCharts?_from=gitee_search

  • 子主题 2

  • 子主题 3

  • 子主题 4

• 关于我

底部Tabbar

• 主页
• 时光轴
• 写随笔
• 趋势
• 关于我

问题

• 云开发文档