易启星工具库高保真交互原型

易启星工具库

自研工具销售平台高保真交互原型

现代设计

响应式布局

流畅交互

可开发实现

核心页面展示

所有核心界面的高保真实现，可直接用于开发参考

工具列表页面

展示所有在售工具，支持筛选、搜索和详情查看

http://8.136.43.155:5000/home.html

下单表单页面

用户购买工具的表单页面，支持价格选择和订单提交

http://8.136.43.155:5000/order.html

支付页面

订单支付页面，支持多种支付方式选择

http://8.136.43.155:5000/payment.html

工具配置管理页面

管理员工具配置页面，支持工具的增删改查和服务状态监控

http://8.136.43.155:5000/admin-config.html

订单记录页面

订单管理页面，支持订单筛选、搜索和详情查看

http://8.136.43.155:5000/orders.html

关于我们页面

公司介绍页面，展示使命、愿景、核心优势和发展历程

http://8.136.43.155:5000/about.html

联系客服页面

客服联系页面，提供多种联系方式和在线留言功能

http://8.136.43.155:5000/contact.html

工具详情页面

工具详细信息页面，展示工具功能、价格和购买选项

http://8.136.43.155:5000/tool-detail.html

用户登录页面

用户登录页面，支持账号密码登录和第三方登录

http://8.136.43.155:5000/login.html

用户注册页面

用户注册页面，支持邮箱和手机号注册

http://8.136.43.155:5000/register.html

忘记密码页面

密码找回页面，支持邮箱和手机号验证

http://8.136.43.155:5000/forgot-password.html

用户协议页面

用户服务协议，明确双方权利和义务

http://8.136.43.155:5000/terms.html

隐私政策页面

隐私保护政策，说明信息收集和使用方式

http://8.136.43.155:5000/privacy.html

第三方登录页面

微信/QQ第三方登录授权页面

http://8.136.43.155:5000/social-login.html

在线支付页面

安全便捷的在线支付页面

http://8.136.43.155:5000/pay.html

设计规范

统一的设计语言和交互规范

颜色规范

主色调

#6366F1

辅助色

#EC4899

文字色

#1F2937

字体规范

标题文字

Inter / 微软雅黑, Bold

正文文字

Inter / 微软雅黑, Regular

辅助文字

Inter / 微软雅黑, Regular

交互规范

Hover效果

阴影+轻微放大

动画时长

0.3s ease

弹窗效果

淡入淡出+蒙层

技术栈

使用的技术和工具

HTML5

Tailwind CSS

JavaScript

FontAwesome