task-card-styling Specification

Purpose

TBD - created by archiving change refine-weapp-ui-style. Update Purpose after archive.

Requirements

Requirement: 任务筛选标签样式优化

系统 SHALL 统一任务页顶部筛选标签的样式。

Scenario: 筛选标签常态

WHEN 用户查看任务页筛选标签
THEN 未选中标签使用浅灰背景与深灰文字，rounded-full 圆角

Scenario: 筛选标签选中

WHEN 用户选中某个筛选标签
THEN 选中标签使用 bg-primary text-white，与未选中状态形成对比

Requirement: 任务卡片样式增强

系统 SHALL 增强任务卡片的视觉识别与层次感。

Scenario: 应急任务标识

WHEN 任务类型为 emergency
THEN 卡片左侧显示红色边框，标题或状态标签突出紧急感

Scenario: 已完成任务背景

WHEN 任务状态为 completed
THEN 卡片背景使用浅绿色，状态标签使用绿色

Scenario: 进行中任务背景

WHEN 任务状态为 scheduled/departed/arrived/constructing
THEN 卡片保持白色背景，状态标签使用蓝色

Scenario: 卡片点击反馈

WHEN 用户点击任务卡片
THEN 卡片在按压时有轻微缩小或背景变化反馈