旅程有数

微信原生小程序 · Vibecoding Project

把旅行计划与每一笔花费,放进同一条旅程

行程有数是一款个人旅行规划与费用管理工具。从安排每日行程、创建关联账本, 到记录消费与多人分摊,让出发前的计划和旅途后的回顾始终清晰。

  • Responsive
  • Privacy First
  • CloudBase
  • TypeScript
01

围绕一次真实旅行,而不是彼此割裂的计划表与记账工具。

旅程有数 规划旅程,也记清每一笔花费
PERSONAL TRAVEL PLANNER 下一段旅程,从计划开始 + 创建行程
我的行程 旅行方案
下一站 山海之间的旅行计划

日期 · 目的地 · 旅行方式

查看行程安排
⌂行程 ▤账本 ○我的
¥
旅行费用 按分类清晰归档
成员分摊 合计保持一致
产品界面结构示意 · 纯 HTML 与 CSS 构建
THE JOURNEY LOOP

一条完整、连续的旅行数据链路

从一个旅行想法开始,计划、账本、成员与消费都围绕同一次旅程组织, 减少在多个工具之间反复切换。

  1. 01

    创建旅行

    记录目的地、日期、方式与预算,建立旅程的基础信息。

  2. 02

    安排每天

    按日期组织地点与活动,让计划保持结构化且容易回看。

  3. 03
    ¥

    记录消费

    关联旅行账本,按交通、餐饮、住宿等类别整理支出。

  4. 04

    完成分摊

    分别记录付款人与参与成员,清楚呈现每个人的承担金额。

DESIGN INTENT

旅行结束后,信息不应该散落一地

常见的旅行工具只解决某一个片段:计划写在备忘录里,消费留在聊天记录里, 分摊又需要另一张表格。行程有数将这些环节收拢到同一个旅行上下文中。

分散的记录
计划 票据 账单 成员
围绕旅程统一组织
行程
CORE EXPERIENCE

不是功能堆叠,而是围绕旅途建立秩序

01 · 行程规划

从日期到地点,按天展开旅程

每段安排拥有清晰的时间、地点与说明。计划可以持续调整, 旅行详情始终保持轻量、易读。

Day 01 旅程开始
上午
抵达与城市漫步 地点与活动说明
景点
傍晚
当地餐饮体验 时间与备注信息
餐饮
02 · 旅行账本

计划与花费自然关联

旅行账本同步旅程的名称、目的地与日期,消费记录不再失去上下文。

分类消费 结构示意
交通
餐饮
住宿
03 · 成员分摊

每一笔支出,都有明确归属

付款人与参与成员独立记录,分摊金额使用整数分保存, 让成员合计与账本总额保持守恒。

已绑定成员 个人承担金额
同行成员 参与消费记录

分摊合计与账本总额一致

04 · 可控分享

分享可读,权限有界

创建者可以主动生成、重置或停用账本码。扫码页面保持只读, 不以分享便利交换数据边界。

READ ONLY
VISUAL LANGUAGE

让复杂数据呈现出旅行应有的轻松感

界面以白色空间作为基础,用清新的翡翠绿标记主要操作与正向状态。 圆角卡片承载结构,克制的边界和阴影保持信息层级,不让账目显得沉重。

  • 01
    先读内容,再看装饰

    用字号、留白与对齐建立层级,减少不必要的视觉噪音。

  • 02
    关键状态始终可见

    加载、空内容、错误与禁用状态均拥有明确反馈。

  • 03
    为移动场景设计

    兼顾安全区域、点击热区、长文本换行与窄屏重排。

Primary #50C878 Ink #18201A Mist #E9F8EE Accent #D96C53
TYPOGRAPHY / SPACING 旅程有序,信息有数。

清晰的中文排版、舒展的行高,以及适合触屏浏览的内容密度。

BUILD SYSTEM

轻量界面背后的可靠工程

01

微信原生小程序

围绕移动端触控、页面生命周期与微信运行环境构建。

02

TypeScript Strict

以严格类型和运行时校验约束业务边界与不可信输入。

03

CloudBase

通过可信身份、云函数、数据库与云存储承载核心业务。

04

Tested Logic

覆盖所有权、成员绑定、金额守恒、分享凭证与图片安全。

PROJECT TAKEAWAY

旅途有记录,花费有数

行程有数尝试用一套清晰、克制且可信的产品体验, 留住旅行中的计划、变化与共同经历。

Travel Planning Expense Management Mobile Ready