 linbin
|
c0d2410ea6
|
综述: 简化菜市场卡片轮播功能
- **样式简化**:
- 调整了轮播指示器的位置和样式，使其居中显示并增加了边框。
- 移除了 `market-slide` 的绝对定位和过渡效果，简化了轮播图的实现方式。
- **HTML结构调整**:
- 将轮播指示器移入 `market-image` 内部，使其与图片关联更紧密。
- 删除了第二个轮播页面，暂时只保留一个页面。
- **移除JavaScript**:
- 删除了所有与轮播图相关的JavaScript代码，包括自动播放和触摸滑动功能，暂时取消了轮播功能。
|
2025-08-23 22:02:45 +08:00 |
|
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 |
|
linbin
|
300ffb8fb9
|
会员专区完成
|
2025-08-10 03:51:39 +08:00 |
|
linbin
|
63329dd6b4
|
会员主演去
|
2025-08-10 03:35:43 +08:00 |