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

feat(profile): add new profile pages and styles

Browse Source
This commit is contained in:
shenghuo2
2025-06-21 23:35:30 +08:00
parent ef5eda8cf4
commit 35145dbf76
12 changed files with 2426 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
profile/voice-settings.html Normal file
View File

@ -0,0 +1,115 @@
<!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/voice-settings.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="voice-settings-page">
<!-- 头部导航 -->
<header class="page-header">
<div class="header-content">
<button class="back-btn" onclick="history.back()">
<i class="fas fa-chevron-left"></i>
</button>
<h1 class="page-title">语音设置</h1>
</div>
</header>
<!-- 小爱设置 -->
<div class="settings-section">
<div class="section-header">
<span class="section-title">小爱设置</span>
</div>
</div>
<!-- 房间快捷指令设置 -->
<div class="settings-section">
<div class="settings-item" onclick="navigateToPage('room-shortcuts')">
<div class="item-content">
<h3>房间快捷指令设置</h3>
</div>
<div class="item-action">
<i class="fas fa-chevron-right"></i>
</div>
</div>
</div>
<!-- 语音别名设置 -->
<div class="settings-section">
<div class="settings-item" onclick="navigateToPage('voice-alias')">
<div class="item-content">
<h3>语音别名设置</h3>
</div>
<div class="item-action">
<i class="fas fa-chevron-right"></i>
</div>
</div>
</div>
<!-- 家庭传声 -->
<div class="settings-section">
<div class="settings-item" onclick="navigateToPage('family-intercom')">
<div class="item-content">
<h3>家庭传声</h3>
</div>
<div class="item-action">
<i class="fas fa-chevron-right"></i>
</div>
</div>
</div>
<!-- 语音控制授权管理 -->
<div class="settings-section">
<div class="settings-item" onclick="navigateToPage('voice-authorization')">
<div class="item-content">
<h3>语音控制授权管理</h3>
<p class="item-description">选择语音可控制的设备或区域</p>
</div>
<div class="item-action">
<i class="fas fa-chevron-right"></i>
</div>
</div>
</div>
</div>
<script src="../scripts/main.js"></script>
<script>
// 语音设置页面特定的JavaScript逻辑
document.addEventListener('DOMContentLoaded', function() {
// 页面导航函数
window.navigateToPage = function(pageType) {
switch(pageType) {
case 'room-shortcuts':
alert('房间快捷指令设置功能开发中...');
break;
case 'voice-alias':
alert('语音别名设置功能开发中...');
break;
case 'family-intercom':
alert('家庭传声功能开发中...');
break;
case 'voice-authorization':
alert('语音控制授权管理功能开发中...');
break;
default:
console.log('未知页面类型:', pageType);
}
};
// 设置项点击事件
const settingsItems = document.querySelectorAll('.settings-item');
settingsItems.forEach(item => {
item.addEventListener('click', function() {
const title = this.querySelector('h3').textContent;
console.log(`点击了设置项: ${title}`);
});
});
});
</script>
</body>
</html>