认识主界面

打开应用后看到的就是主界面。它分成「物品」「层级」「聚合」三个标签页，几乎所有功能都从这里出发。

通俗解释

「物品」是你登记的全部物品；「层级」按位置、分类这类多层级属性把物品分层摆放； 「聚合」是你自己圈定的专题分组，比如「即将过期」「相机器材」。三页各管各的浏览状态，互不干扰。

三个标签页

  • 物品：全部物品的列表，录入、搜索、筛选都在这里
  • 层级：以多层级属性（位置、分类等）为骨架的分层视图，逐层点进去下钻
  • 聚合：自己创建的专题分组，每个分组对应一组筛选条件

点标签文字或左右滑动都能切换。上次停留的标签会被记住，下次打开直接回到那一页。 三页各自保留自己的滚动位置和已加载数据；筛选条件只作用于「物品」标签，排序则三页共用同一份设置，列表版式在「物品」和「层级」之间各自独立。

截图位置：顶部「物品 / 层级 / 聚合」三个标签

顶部栏

到期与库存这两类提醒集中在同一个「待处理」页里，见待处理。

截图位置：顶部搜索框与「更多」菜单展开后的四项

物品标签页从上到下

状况行

  • 一条灰底细条，显示「N 件临期」「N 件低于下限」
  • 点击直达待处理页
  • 没有待办事项时这一行自动隐藏

属性快筛条

  • 「物品」标签带 ▾ 时说明有可快筛的属性；已经在物品页时再点一次「物品 ▾」，下方展开属性快筛面板
  • 选一个属性值即时筛选，选完自动收起；再点一次「物品 ▾」可手动收起
  • 显示常用的层级属性，可在模块设置中调整
通俗解释

快筛条是给「只看某个房间 / 某一类」准备的捷径，不用每次都打开筛选面板挑条件。

条件标签行

每加一条筛选，这里就多一枚标签：

  • 条件标签：显示「维度 · 值」，点标签上的 × 单独移除该条件
  • 排序标签：显示当前排序，如「创建时间 ↓」，点它直接切换排序
  • 「+ 筛选」标签：打开筛选面板，详见搜索与筛选
  • 清除：有条件生效时出现，一次清空全部筛选

列表工具行

  • 视图切换：在列表、瀑布流、宫格之间循环切换（纯图标），详见列表视图
  • 筛选：打开筛选面板，有条件生效时图标颜色加深
  • 更多：排序方式、批量操作
  • 汇总：最右侧显示「总数 N 件 · ¥价值」

筛选、排序、更多这几项在手机上是底部弹层，在网页版则以居中弹窗出现。

物品列表

  • 下拉刷新数据，上拉加载更多物品
  • 多选从「更多 → 批量操作」进入，勾选后底部出现操作栏，详见批量操作

物品卡片

列表版式的一行从左到右是：状态圆点、缩略图（没有图片时显示名称首字）、名称与数量、状态标签、备注、属性行、右侧价格。

状态标签

  • 行尾用状态色做的彩色标签，一眼看出这件物品是什么状态，详见物品状态
  • 在显示设置里关掉状态底色后，退化为纯彩色文字
  • 宫格与瀑布流版式仍使用彩色底图加右上角徽章

属性行

  • 你在设置里勾选「在列表显示」的属性，每条各占一行完整展示
  • 属性值过长自动换行，不会因为属性多而被截断隐藏
  • 属性的显示与勾选方式见属性管理

其他细节

  • 数量以「×N」跟在名称后面，价格为 0 时显示「—」
  • 点击卡片进入物品详情页，返回时只刷新这一条，列表不会跳回第一页
截图位置：列表版式的物品卡片，含状态标签与属性行

层级与聚合的详情页

层级

「层级」标签里每行是一个分组：维度标签 + 名称 + 「N 件 · ¥价值」。点任意一行进入它的层级详情页：

  • 刊头：维度名、主题名，以及件数与资产值的汇总数字，点刊头查看统计
  • 子级标签：下一层分组以标签换行平铺、全部可见；子级较多时先收起，可一键展开。点任一子级进入同构的下一级页面，层级不限
  • 工具行：视图切换（列表/宫格/瀑布流）与标图入口
  • 物品行流：本级及子级的物品
  • 右上（⋮）：显示/隐藏子级数据、查看分享码
  • 页内按钮：添加物品（自动带上本级分类）、回到首页
「显示子级数据」是什么意思？

开启后，本页会同时展示子级分类下的物品，件数统计与分享码也一并包含子级；关闭则只看本级。层级不多时开着更直观，层级很深时关掉更清爽，需要哪级再点进去。

聚合

「聚合」标签里每个视图一行：最多 4 张缩略图堆叠 + 名称 + 「N 种 · ¥价值」。点进去后：

  • 这个视图的每条筛选条件都渲染成「维度 · 值」标签，直接可见
  • 点任一条件标签或「+ 筛选」都能改条件，改完列表立刻更新
  • 工具行提供分享码和筛选

聚合视图适合长期关注的专题：条件一次定好，之后每次进来看到的都是最新结果。

右下角添加按钮

这颗按钮跟着当前标签变化：

标签页还没有内容时，卡片里的「添加」按钮走同样的流程。

提示

长按添加按钮约 5 秒会临时隐藏悬浮按钮，方便截图分享。

侧边抽屉菜单

点左上角菜单图标拉出，从上到下分为几组：

网页版布局

网页版采用左右分栏：

  • 左侧：与手机端完全一致的三个标签页
  • 右侧：物品详情预览
  • 中间的可拖动分隔线调整两栏宽度
  • 弹层以居中弹窗出现，扫码按钮不显示
截图位置：网页版左右分栏布局

相关文档