chenxing/mi-home-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

refactor(profile): restructure profile pages and add new features

Browse Source
This commit is contained in:
shenghuo2
2025-06-21 23:15:19 +08:00
parent f8452b319c
commit ef5eda8cf4
17 changed files with 1242 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
profile/home-network.html Normal file
View File

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>家庭网络 - 米家智能家居</title>
<link rel="stylesheet" href="../styles/common.css">
<link rel="stylesheet" href="styles/home-network.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<div class="container" id="home-network-page">
<!-- 头部 -->
<div class="header">
<div class="header-left">
<i class="fas fa-arrow-left" onclick="history.back()"></i>
<h1>家庭网络</h1>
</div>
</div>
<!-- 网络状态卡片 -->
<div class="network-status-card">
<div class="status-header">
<h2>我的家庭</h2>
<i class="fas fa-chevron-down"></i>
</div>
<div class="network-quality">
<div class="quality-indicator">
<div class="quality-bars">
<div class="bar active"></div>
<div class="bar active"></div>
<div class="bar active"></div>
</div>
<span class="quality-text">良好</span>
</div>
<div class="quality-status">
<span class="status-label">一般</span>
</div>
</div>
</div>
<!-- Wi-Fi 设备 -->
<div class="device-section">
<div class="section-header">
<div class="section-title">
<i class="fas fa-wifi"></i>
<span>Wi-Fi 设备</span>
</div>
<i class="fas fa-chevron-right"></i>
</div>
<div class="device-stats">
<div class="stat-item">
<span class="stat-number">0</span>
<span class="stat-label">信号弱</span>
</div>
<div class="stat-item">
<span class="stat-number">0</span>
<span class="stat-label">近30天离线</span>
</div>
<div class="stat-item">
<span class="stat-number">1</span>
<span class="stat-label">长期离线</span>
</div>
</div>
</div>
<!-- 蓝牙设备 -->
<div class="device-section">
<div class="section-header">
<div class="section-title">
<i class="fab fa-bluetooth-b"></i>
<span>蓝牙设备</span>
</div>
<i class="fas fa-chevron-right"></i>
</div>
<div class="device-stats">
<div class="stat-item">
<span class="stat-number">0</span>
<span class="stat-label">信号弱</span>
</div>
<div class="stat-item">
<span class="stat-number">0</span>
<span class="stat-label">近30天离线</span>
</div>
<div class="stat-item">
<span class="stat-number">3</span>
<span class="stat-label">长期离线</span>
</div>
</div>
</div>
<!-- 本地控制 -->
<div class="local-control-section">
<div class="section-header">
<div class="section-title">
<span>本地控制</span>
</div>
<div class="control-status">
<span class="status-text">未支持</span>
<i class="fas fa-chevron-right"></i>
</div>
</div>
<div class="section-description">
<p>断网或网络异常时，仍然可以支持本地自动化，使用来家控制设备</p>
</div>
</div>
</div>
<script src="../scripts/main.js"></script>
</body>
</html>