115 lines
4.2 KiB
HTML
115 lines
4.2 KiB
HTML
<!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> |