渲染轮播数据使用swiper组件进行渲染这里关于图片的宽度，采用rpx设置，如果要占满整屏就是750rpxrpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。导航区域引入字体文件和样式文件

（1）硬件端使用心率传感器获取人体的心率血氧浓度等相关信息当心率过高会自动进行心率的报警ESP8266自动联网以及掉线重连服务增加人体红外传感，超过30分钟没人系统自动休眠（2）APP端使用曲线图显示当前心率数据（图像展示）使用MQTT协议进行数据的获取心率过高会自动弹出报警提示框异常数据查询和历史数据查询（3）云平台端1. 数据流的展示

（1）硬件端使用心率传感器获取人体的心率血氧浓度等相关信息当心率过高会自动进行心率的报警ESP8266自动联网以及掉线重连服务自动配置蓝牙设备（2）APP端使用曲线图显示当前心率数据（图像展示）使用蓝牙进行通信配对心率过高会自动弹出报警提示框异常数据查询和历史数据查询（3）云平台端1. 数据流的展示

（1）硬件端检测温湿度、烟雾浓度、光照强度并在LCD中显示。可以通过按键设置温度、烟雾浓度、光照强度的阈值。当温度超过设定阈值，LED报警灯亮和蜂鸣器响，实现声光报警；当烟雾浓度超过设定阈值，LED报警灯亮和蜂鸣器响，实现声光报警，并开启小风扇排气。当检测到人体活动，并且光线较暗时，自动控制打开LED灯，人离开自动关闭。ESP8266自动联网，设备在线后自动推送信息设备掉线后自动判断重连机制（2）

3.旋钮按键：短按按键设备状态的切换，可以根据可以根据语音控制实现开关和调速控制，通过长按可以实现开启可关闭摇头功能；3.手机app可以控制风扇的裆位、是否摇头、及开关状态。本app为自己独立编写，非第三方app，有app代码。6.PWM：使用PWM进行风扇挡位的调控；1.使用蓝牙配对的方式进行设备控制；4.SG90：实现风扇的摇头功能；7.蓝牙模块：用于app远程控制；5.语音控制：可以识别相关

（1）硬件端1.ESP8266-01s：使用wifi模块进行联网使用；2.STM32F103C8T6：用于所有程序的中控和模块数据通信；3.温湿度传感器（DHT11）：用于检测环境的温度和湿度；4.人体红外传感器（HC-SR501）：用于检测厨房是否有人存在；5.火焰传感器：用于检测厨房是否存在明火；6.MQ-2：用于检测环境的烟雾浓度是否超过设置的阈值7.MQ-135：用于检测环境的的有害气体浓

（1）硬件端STM32F103C8T6：用于所有程序的中控和模块数据通信；0.96寸OLED：用于显示的各种环境数据，实现实时监测；温湿度传感啊（DHT11）：用于监测环境数据；MQ-3：用于监测乙醇含量；PH模块：用于测量溶液的PH值CO2传感器（SGP30）：用于测量环境的CO2浓度；语音播报模块：用于异常情况报警风扇：用于异常情况通风使用（2）WEB端使用MQTT协议与设备进行信息交互；可采

2.进入app要输入用户名密码，所以需要一个登录注册界面，然后还有一个管理员界面，里面能看到所有注册的用户，可以删除或者修改，然后用户界面需要一个紧急联系人用户。3.EPS8266-01S：用与设备联网处理，实现连接云平台和使用MQTT协议远程传输数据；2.0.96寸OLED：用于显示的各种环境数据，实现实时监测；6.蜂鸣器：实现蜂鸣器报警，当监测到异常状态，则开启；本app为自己独立编写，非第三

4. 人脸识别模块（TX510）：使用HEX指令控制识别模块进行人脸识别和人脸录入等功能；1. 可以查看人员的打卡情况以及打开时体温（需要APP在线才能保存打卡数据）2. 0.96寸OLED：用于显示的当前环境数据以及识别的ID和人体体温；3. 体温传感器（LU90614）：使用红外体温传感器进行监测人的实时体温。2. 使用数据库储存打卡记录，可以标注用户id的备注名称；5. MQ-135：监测入

4.ESP8266：设备进行联网操作，使用MQTT协议与上位机进行交互；3.K210：进行图像识别，将识别结果通过串口发生给主控芯片；所有app为自己编写的独立app，非第三方app，有app代码。1.语音播报模块：将当前监测到的人数进行语音实时播报。2.OLED显示屏：将设备状态实时显示到屏幕中；1.使用MQTT协议与设备进行数据交互。（3）云平台使用（阿里云）（需要可以找我获取）只是链接各个设