【react实战】如何开发嵌入客户端的H5页面黑白模式?

时间:2024-04-05 16:07:51

需求

提供用户自行选择的主题模式:黑/白。默认情况下,是白色主题。用户选择的数据传递给后端,然后获取接口(已知接口:DarkMode())。

1.首先写好黑/白模式下的CSS文件.

【react实战】如何开发嵌入客户端的H5页面黑白模式?

2.在app.js里,在生命周期函数componentDidMout() { }

页面加载的时候去判断:定义一个全局变量:—isDarkMode,初始值为null;

如果页面加载的时候,有isDarkMode这个接口,并有数据,则把这个接口的数据

赋值给全局变量—isDarkMode。(else后面是便于测试)

【react实战】如何开发嵌入客户端的H5页面黑白模式?

3.在页面.js中:

【react实战】如何开发嵌入客户端的H5页面黑白模式?