GuoRuqiang
370147c6ad
使用postMessage向iframe传参theme-mode,实现切换子页面主题的功能
子页面的js示例
```
<script>
// 接收父页面的主题模式
window.addEventListener('message', function(event) {
if (event.data.themeMode) {
var theme = event.data.themeMode;
// 测试是否正确接受到theme-mode的值
// console.log('Received theme mode from parent:', theme);
applyTheme(theme);
}
});
// 定义一个函数来应用主题
function applyTheme(theme) {
var body = document.body;
if (theme === 'dark') {
body.classList.add("dark-mode");
document.getElementById("darkModeToggle").checked = true;
} else {
body.classList.remove("dark-mode");
document.getElementById("darkModeToggle").checked = false;
}
}
</script>
```
2024-09-22 14:09:03 +00:00
..
2024-08-06 21:30:20 +08:00
2024-08-17 16:59:31 +00:00
2024-09-17 19:55:18 +08:00
2024-03-23 21:24:39 +08:00
2024-09-22 14:09:03 +00:00
2024-03-23 21:24:39 +08:00
2024-07-23 18:25:43 +08:00
2024-08-14 22:44:33 +08:00
2024-07-31 15:48:51 +08:00
2024-09-22 17:44:57 +08:00
2024-09-18 05:19:49 +08:00
2024-03-23 21:24:39 +08:00
2024-03-23 21:24:39 +08:00
2024-03-23 21:24:39 +08:00
2024-03-24 18:50:21 +08:00
2024-03-23 21:24:39 +08:00
2024-03-23 21:24:39 +08:00
2024-07-16 15:48:56 +08:00
2024-09-20 04:45:33 +00:00
2024-05-28 17:59:53 +08:00
2024-06-13 10:35:48 +08:00
2024-09-18 05:19:49 +08:00
2024-05-31 15:30:22 +08:00
2024-05-12 19:07:33 +08:00
2024-03-23 21:24:39 +08:00