A smartphone-based visual ratiometric fluoroprobe for rapid and sensitive detection hypochlorous acid based on dual-emission metal organic frameworks

Herein, we designed/developed a mixed fluorescence system with europium metal-organic framework (EDB) and zinc metal-organic framework (ZBNB). At the 270-nm excitation wavelength, the EDB-ZBNB dually emitted at 425 and 615 nm and displayed blue solution under 365-nm UV lamp. When HOCl was fortified, the 425-nm blue emission dropped progressively, while the 615-nm red emission was relatively stable. Upon addition of ClO-, the shortened fluorescence lifetime demonstrated that the quenched 425-nm fluorescence of ZBNB was owing to the occurrence of dynamic quenching effect. Besides, amino groups are protonated in water to form -NH3+, which interact with ClO- to form hydrogen bonds, reduce the distance between -NH3+ and ClO-, produce energy transfer and result in fluorescence quenching. The ratiometric fluoroprobe provided a significant color change from blue to red, making HOCl detection visual and rapid. This fluorescent probe overcome the disadvantage of conventional redox-based fluorescent probes that can be interfered by MnO4- and other oxidants with stronger oxidizing capacity than free ClO-. Furthermore, a smartphone-based portable sensing platform was developed based on EDB-ZBNB. By using a "Thingidentify" software on smartphone, the sensing platform was used to detect HOCl in waters with a low detection limit of 28.0 nM and the fortified recoveries of 98.87-103.60%. Thus, this study provides a novel and promising platform for the detection of free ClO- in monitoring water quality.