本文介绍了如何在前端应用中通过`dark_mode`变量与后端服务器进行交互，实现用户界面的暗色模式切换。通过`fetch`发送POST请求，存储并更新浏览器的localStorage值。
发送端
dark_mode = ui.dark_mode(value=app.storage.browser.get('dark_mode'), on_change=lambda e: ui.run_javascript(f'''
fetch('/dark_mode', {{
method: 'POST',
headers: {{'Content-Type': 'application/json'}},
body: JSON.stringify({{value: {e.value}}}),
}});
'''))
接收响应
@app.post('/dark_mode')
async def _post_dark_mode(request: Request) -> None:
app.storage.browser['dark_mode'] = (await request.json()).get('value')
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
