Skip to content

w2jmoe/TB_WMVP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

时间环 - 智能穿戴产品展示页面 ⏰✨

项目简介

这是一个展示智能护腕产品"时间环"的网页项目。页面展示了一只手臂上佩戴着白色篮球护腕,护腕上有一个圆形屏幕显示时间和日期。

功能特点

  • 🕐 实时时间显示 - 屏幕显示当前时间和日期
  • 💫 发光动画效果 - 屏幕有呼吸灯效果
  • 🎯 交互体验 - 点击屏幕有反馈效果
  • 📱 响应式设计 - 适配手机和电脑
  • 🎨 真实材质效果 - 护腕和屏幕都有立体感

文件结构

时间环/
├── index.html          # 主页面
├── styles.css          # 样式文件
├── script.js           # 交互脚本
├── images/             # 图片文件夹
│   └── arm.png         # 手臂图片(需要添加)
└── README.md           # 项目说明

使用方法

  1. 直接打开 - 双击 index.html 文件在浏览器中打开
  2. 本地服务器 - 使用 Live Server 等工具运行

交互功能

  • 点击屏幕 - 有缩放动画效果
  • 悬停护腕 - 护腕会轻微放大
  • 空格键 - 暂停/恢复屏幕动画
  • 触摸支持 - 手机端触摸屏幕有反馈

技术栈

  • HTML5
  • CSS3 (渐变、阴影、动画)
  • JavaScript (ES6+)
  • 响应式设计

开发进度

  • ✅ 基础页面结构
  • ✅ 护腕和屏幕样式
  • ✅ 时间显示功能
  • ✅ 交互效果
  • ✅ 手臂图片
  • ✅ 更多产品信息
  • ✅ 产品详情页面

开发者: 小杰 & 可可
项目类型: 产品展示页面
创建时间: 2025年6月

About

时间环:用最快速度获取你想要的服务。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published