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

feat: add user profile page and improve UI styling

Browse Source
This commit is contained in:
shenghuo2
2025-06-21 09:37:15 +08:00
parent 4af6aa7941
commit 8af49d63b8
10 changed files with 1944 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
profile.html
View File

@ -13,7 +13,7 @@
<!-- 头部用户信息 -->
<div class="profile-header">
<div class="header-top">
<div class="user-info">
<div class="user-info" onclick="location.href='user-profile.html'" style="cursor: pointer;">
<div class="user-avatar">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%234A90E2'/%3E%3Cpath d='M50 30c8 0 15 7 15 15s-7 15-15 15-15-7-15-15 7-15 15-15zm0 35c12 0 22 6 22 14v6H28v-6c0-8 10-14 22-14z' fill='white'/%3E%3C/svg%3E" alt="用户头像">
</div>
@ -31,18 +31,18 @@
<!-- 功能卡片 -->
<div class="feature-cards">
<div class="feature-card">
<div class="feature-card" onclick="location.href='scene.html'">
<div class="feature-icon" style="background: linear-gradient(135deg, #4ECDC4, #44A08D);">
<i class="fas fa-cube"></i>
</div>
<span>智能场景</span>
</div>
<div class="feature-card">
<div class="feature-icon" style="background: linear-gradient(135deg, #667eea, #764ba2);">
<i class="fas fa-chart-line"></i>
</div>
<span>米家众测</span>
</div>
<div class="feature-card" onclick="window.location.href='mijiazhongce.html'">
<div class="feature-icon" style="background: linear-gradient(135deg, #667eea, #764ba2);">
<i class="fas fa-chart-line"></i>
</div>
<span>米家众测</span>
</div>
<div class="feature-card">
<div class="feature-icon" style="background: linear-gradient(135deg, #f093fb, #f5576c);">
<i class="fas fa-book"></i>