dm-design

Commit Graph

Author	SHA1	Message	Date
linbin	bf88518b9c	综述: 重构电商首页，引入卡片式布局和轮播功能 - 样式重构: - 引入 `cards-container` 网格布局，替代原有的 `market-section`。 - 新增通用的 `card` 卡片样式，并分别为菜市场卡片 (`market-card`) 和商品卡片 (`product-card`) 设计了详细的样式，包括图片、标题、评分、价格、操作按钮等。 - 为菜市场卡片增加了轮播图的样式，包括轮播指示器。 - HTML结构更新: - 使用新的卡片式布局完全重构了首页内容区域。 - 增加了一个包含两个菜市场信息的轮播卡片。 - 新增了四个商品展示卡片，包含商品图片、名称、价格、店铺等信息。 - 新增JavaScript功能: - 增加了轮播图的自动播放和手动切换功能。 - 添加了对移动端触摸滑动的支持，用户可以通过左右滑动来切换轮播图。	2025-08-23 21:54:37 +08:00
linbin	0686c09e9d	feat: 新增电商首页页面新增 `电商首页.html`，构建了完整的页面结构和CSS样式。实现了包括头部、内容区和底部导航在内的核心UI布局。页面内容为静态布局，包含了搜索框、分类图标、广告位等前端元素。	2025-08-23 21:18:47 +08:00

Author

SHA1

Message

Date

linbin

bf88518b9c

综述: 重构电商首页，引入卡片式布局和轮播功能

- **样式重构**:
    - 引入 `cards-container` 网格布局，替代原有的 `market-section`。
    - 新增通用的 `card` 卡片样式，并分别为菜市场卡片 (`market-card`) 和商品卡片 (`product-card`) 设计了详细的样式，包括图片、标题、评分、价格、操作按钮等。
    - 为菜市场卡片增加了轮播图的样式，包括轮播指示器。
- **HTML结构更新**:
    - 使用新的卡片式布局完全重构了首页内容区域。
    - 增加了一个包含两个菜市场信息的轮播卡片。
    - 新增了四个商品展示卡片，包含商品图片、名称、价格、店铺等信息。
- **新增JavaScript功能**:
    - 增加了轮播图的自动播放和手动切换功能。
    - 添加了对移动端触摸滑动的支持，用户可以通过左右滑动来切换轮播图。

2025-08-23 21:54:37 +08:00

linbin

0686c09e9d

feat: 新增电商首页页面

新增 `电商首页.html`，构建了完整的页面结构和CSS样式。

实现了包括头部、内容区和底部导航在内的核心UI布局。

页面内容为静态布局，包含了搜索框、分类图标、广告位等前端元素。

2025-08-23 21:18:47 +08:00

2 Commits