fe5dd78632
- Implemented RecommendationListCard component for displaying a list of recommendations with titles, descriptions, and badges. - Created RoutePlanCard component to show route details, including nodes and tips, with a detailed view toggle. - Added ScenicImageCard component for showcasing images with optional captions. - Developed SharedVisual components: CardShell, BadgePill, MediaFrame, ActionRow, and DetailShell for reusable UI elements. - Introduced SCSS styles for all new components and updated existing styles for consistency. - Created test page to preview and interact with all components using mock data. - Added new utility classes for background colors, borders, colors, display, flex, font sizes, font weights, heights, positions, rounded corners, and widths.
23 lines
996 B
JavaScript
23 lines
996 B
JavaScript
export default {
|
|
cards: [
|
|
{
|
|
id: "combo-guide",
|
|
badge: "组合攻略",
|
|
time: "约 5 分钟阅读",
|
|
title: "一天内拍照、游览和用餐怎么安排",
|
|
summary: "把景点详情、大图机位、导航和票务入口组合到同一张攻略卡后续行动区。",
|
|
footer: "展开攻略和行动",
|
|
sections: [
|
|
{ title: "上午", content: "先拍远景与人像，再进入主步道游览。" },
|
|
{ title: "下午", content: "根据光线选择二号机位，最后去游客中心附近补给。" },
|
|
],
|
|
action: { title: "查看景点详情", subtitle: "开放时间与路线", icon: "i" },
|
|
},
|
|
],
|
|
actions: [
|
|
{ title: "查看机位图", subtitle: "高清大图与拍摄角度", icon: "▣", tone: "blue" },
|
|
{ title: "带我去这里", subtitle: "地图路线与步行距离", icon: "⌖", tone: "green" },
|
|
{ title: "相关票务", subtitle: "门票和套票入口", icon: "¥", tone: "amber" },
|
|
],
|
|
};
|