06765f99db
- 使用 Taro + React 重写 H5 用户端（替换旧的 React+Vite+H5 实现）
- 6 个页面：登录、首页、设备列表、设备详情、仓体详情、个人中心
- Zustand 状态管理 + API 层封装 11 个接口
- 后端 H5 路由：新增仪表盘/项目/设备/充电控制接口，组织数据隔离
- 扫码入口：/h5/{abstract_id} → 免认证查设备 + 登录后跳转
- 管理端：新增绑定码管理、二维码展示下载、设备绑定/替换 IMEI
- 产品落地页更新（hero-bg + logo 替换）
- 接口对齐修复：修正 action 路径/请求体，DashboardData 和 CabinetItem 字段匹配后端
- 布局兼容性：grid → flex，提升移动浏览器兼容性
- 移除旧 H5 项目 software/h5/
67 lines
1.0 KiB
CSS
67 lines
1.0 KiB
CSS
/* 全局样式 */
|
||
page {
|
||
background-color: #f5f5f5;
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||
font-size: 28px;
|
||
color: #333;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* 通用重置 */
|
||
view,
|
||
text,
|
||
image,
|
||
button,
|
||
input {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* 灰色卡片容器 */
|
||
.card {
|
||
background: #ffffff;
|
||
border-radius: 16px;
|
||
padding: 24px;
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
/* 状态标签 */
|
||
.status-badge {
|
||
display: inline-block;
|
||
padding: 4px 16px;
|
||
border-radius: 100px;
|
||
font-size: 24px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.status-badge.online {
|
||
background-color: #dcfce7;
|
||
color: #16a34a;
|
||
}
|
||
|
||
.status-badge.offline {
|
||
background-color: #f3f4f6;
|
||
color: #6b7280;
|
||
}
|
||
|
||
.status-badge.charging {
|
||
background-color: #dcfce7;
|
||
color: #16a34a;
|
||
}
|
||
|
||
.status-badge.idle {
|
||
background-color: #f3f4f6;
|
||
color: #6b7280;
|
||
}
|
||
|
||
.status-badge.fault {
|
||
background-color: #fee2e2;
|
||
color: #dc2626;
|
||
}
|
||
|
||
/* 占位图标（用纯CSS画简单的tab图标） */
|
||
.tab-icon {
|
||
width: 48px;
|
||
height: 48px;
|
||
display: block;
|
||
}
|