Understanding the Main Interface

What you see when you open the app is the main interface. It is split into three tabs — Goods, Hierarchy, and Aggregation — and almost every feature starts from here.

In Simple Terms

"Goods" lists everything you have registered; "Hierarchy" arranges your items into layers by multi-level attributes such as location or category; "Aggregation" holds the topic groups you define yourself, like "Expiring Soon" or "Camera Gear". Each tab keeps its own browsing state, so they never interfere with one another.

The Three Tabs

  • Goods: the list of all your items — adding, searching, and filtering all happen here
  • Hierarchy: a layered view built on multi-level attributes (location, category, and the like); tap a level to drill down
  • Aggregation: topic groups you create yourself, each backed by one set of filter conditions

Tap a tab label or swipe left and right to switch. The tab you last stayed on is remembered, so the next launch opens right back on it. Each tab keeps its own scroll position and loaded data;filter conditions apply only to the Goods tab, whilesorting shares one setting across all three, and the list layout is stored separately for Goods and Hierarchy.

Screenshot placeholder: the "Goods / Hierarchy / Aggregation" tabs at the top

Top Bar

Expiration and low-stock reminders are consolidated into the same Follow-up page; see Follow-up.

Screenshot placeholder: the top search box, and the four entries after the "More" menu is expanded

The Goods Tab, From Top to Bottom

Status Strip

  • A thin grey bar showing "N items expiring soon" and "N items below safety stock"
  • Tap it to jump straight to the Follow-up page
  • Hidden automatically when there is nothing to handle

Quick Attribute Filter

  • A ▾ next to the "Goods" label means quick-filterable attributes are available; while you are already on the Goods tab, tap "Goods ▾" again to expand the quick attribute filter panel below it
  • Pick an attribute value to filter immediately — the panel collapses once you have chosen. Tap "Goods ▾" again to collapse it manually
  • Shows frequently used hierarchy attributes, adjustable in Module Settings
In Simple Terms

The quick filter is a shortcut for "only show me this room / this category", so you do not have to open the filter panel and pick conditions every time.

Filter Chip Row

Every filter you add puts one more chip in this row:

  • Filter chips: show "Dimension · Value"; tap the × on a chip to remove just that condition
  • Sort chip: shows the current sort, such as "Created Time ↓"; tap it to switch sorting directly
  • "+ Filter" chip: opens the filter panel — see Search & Filter for details
  • Clear: appears when conditions are active and clears every filter at once

List Action Bar

  • View Switch: cycles through list, waterfall, and grid (icon only); see List Views
  • Filter: opens the filter panel; the icon darkens when conditions are active
  • More: sort options and Batch Operations
  • Summary: the far right shows "Total N items · ¥value"

On the phone, filter, sort, and More open as bottom sheets; on the web version they appear as centered dialogs.

Item List

  • Pull down to refresh the data, pull up to load more items
  • Multi-select is entered from "More → Batch Operations"; once you start checking items an action bar appears at the bottom, see Batch Operations

Item Cards

In the list layout, a row runs from left to right like this: status dot, thumbnail (the first character of the name when there is no image), name and quantity, status tag, notes, attribute rows, then the price on the right.

Status Tags

  • A colored tag at the end of the row, tinted with the status color, so you can tell this item's status at a glance; see Item Status
  • Turn off the status background in the display settings and it degrades to plain colored text
  • The grid and waterfall layouts still use a colored background image plus a badge in the top-right corner

Attribute Rows

  • Every attribute you ticked "show in list" in settings gets its own full row
  • Long attribute values wrap automatically instead of being cut off, no matter how many attributes there are
  • How attributes are displayed and selected is covered in Attribute Management

Other Details

  • The quantity follows the name as "×N"; a price of 0 shows "—"
  • Tapping a card opens the Item Detail Page; coming back refreshes only that one entry, and the list does not jump back to the first page
Screenshot placeholder: an item card in the list layout, with its status tag and attribute rows

Detail Pages for Hierarchy and Aggregation

Hierarchy

In the Hierarchy tab, every row is a group: dimension label + name + "N items · ¥value". Tap any row to enter its dedicated page:

  • Masthead: the dimension name and the topic name, plus the totals for item count and asset value; tap the masthead to view statistics
  • Child chips: the next level of groups is laid out as chips that wrap across lines, all visible; when there are many children they start collapsed and can be expanded with one tap. Tap any child to enter the same layout one level deeper — there is no limit on depth
  • Action bar: view switching (list/grid/waterfall) and the marker image entry
  • Item stream: the items at this level and at its child levels
  • Top right (⋮): show/hide child-level data, and view the share code
  • In-page buttons: add an item (this level's category is filled in automatically), and back to the home page
What does "Show Child Data" mean?

When on, this page also lists items stored in child categories, and the item count, statistics and share code include them as well; when off, you only see this level. Keep it on for shallow hierarchies; turn it off for deep ones and tap into the level you need.

Aggregation

In the Aggregation tab, each view takes one row: up to four stacked thumbnails + name + "N kinds · ¥value". After tapping in:

  • Every filter condition of this view is rendered as a "Dimension · Value" chip, visible right away
  • Tap any condition chip or "+ Filter" to change the conditions; the list updates immediately
  • The action bar provides the share code and the filter entry

Aggregation views suit topics you follow long term: define the conditions once, and every visit shows the latest results.

The Add Button in the Bottom-Right Corner

This button follows the current tab:

When a tab has no content yet, the "Add" button on its card follows exactly the same flow.

Tip

Long-press the add button for about 5 seconds to hide the floating buttons temporarily, which makes clean screenshots easy to share.

Side Drawer Menu

Pull it out with the menu icon in the top-left corner. From top to bottom it is grouped as follows:

Web Version Layout

The web version uses a two-column layout:

  • Left side: the same three tabs as on mobile
  • Right side: the item detail preview
  • Drag the divider in the middle to resize the two columns
  • Sheets appear as centered dialogs, and the scan button is not shown
Screenshot placeholder: the two-column web layout

Related Articles