- 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.
25 lines
183 B
SCSS
25 lines
183 B
SCSS
// 定位
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
|
|
.left-0 {
|
|
left: 0;
|
|
}
|
|
|
|
.right-0 {
|
|
right: 0;
|
|
}
|
|
|
|
.bottom-0 {
|
|
bottom: 0;
|
|
}
|
|
|
|
.top-0 {
|
|
top: 0;
|
|
}
|