Due to the large specific surface area and continuous pores in structures, metal-organic frameworks (MOFs) show great advantages in the adsorption of volatile organic compounds (VOCs). Photonic crystal (PC) sensors derived from MOFs are promising for the visual detection of VOC gases. However, they still have problems of low sensitivity and poor color saturation and tunability. Here, inspired by vapor-sensitive scales of Tmesisternus isabellae beetle and scattering light absorption of polydopamine, a porous one-dimensional PC sensor is constructed by combining ZIF-8 with TiO2@PDA nanoparticles. The PC sensor shows significant color changes under different concentrations of benzene vapor and reaches a detection limit of 0.8 g/m3. It has a response time of less than 1 s and maintains stable optical performance after 100 times of reuse. Moreover, ZIF-67 and ZIF-7 are both incorporated into the PCs for comparison; it reveals that ZIF-8 shows superior benzene detecting property. Additionally, the synergistic adsorption of VOCs in inner and outer holes of the ZIF-8 layer is demonstrated by real-time mass monitoring with quartz crystal microbalance with dissipation. This study provides a valuable reference for the fabrication of high-quality MOF-based PC sensors and sensing mechanism study between microscopic molecular adsorption and macroscopic performance.
Keywords: metal−organic frameworks; photonic crystals; quartz crystal microbalance; visual detection; volatile organic compounds.