Covalent Organic Framework Functionalized with 8-Hydroxyquinoline

sensors within this promising platform. ASSOCIATED CONTENT. Supporting Information. Supporting Information is available free of charge via the Interne...
5 downloads 7 Views 2MB Size
Subscriber access provided by UNIV OF NEW ENGLAND ARMIDALE

Covalent Organic Framework Functionalized with 8-Hydroxyquinoline as a Dual-mode Fluorescent and Colorimetric pH Sensor Long Chen, Linwei He, Fuyin Ma, Wei Liu, Yaxing Wang, Mark A. Silver, Lanhua Chen, Lin Zhu, Daxiang Gui, Juan Diwu, Zhifang Chai, and Shuao Wang ACS Appl. Mater. Interfaces, Just Accepted Manuscript • DOI: 10.1021/acsami.8b05484 • Publication Date (Web): 25 Apr 2018 Downloaded from http://pubs.acs.org on April 26, 2018

Just Accepted “Just Accepted” manuscripts have been peer-reviewed and accepted for publication. They are posted online prior to technical editing, formatting for publication and author proofing. The American Chemical Society provides “Just Accepted” as a service to the research community to expedite the dissemination of scientific material as soon as possible after acceptance. “Just Accepted” manuscripts appear in full in PDF format accompanied by an HTML abstract. “Just Accepted” manuscripts have been fully peer reviewed, but should not be considered the official version of record. They are citable by the Digital Object Identifier (DOI®). “Just Accepted” is an optional service offered to authors. Therefore, the “Just Accepted” Web site may not include all articles that will be published in the journal. After a manuscript is technically edited and formatted, it will be removed from the “Just Accepted” Web site and published as an ASAP article. Note that technical editing may introduce minor changes to the manuscript text and/or graphics which could affect content, and all legal disclaimers and ethical guidelines that apply to the journal pertain. ACS cannot be held responsible for errors or consequences arising from the use of information contained in these “Just Accepted” manuscripts.

is published by the American Chemical Society. 1155 Sixteenth Street N.W., Washington, DC 20036 Published by American Chemical Society. Copyright © American Chemical Society. However, no copyright claim is made to original U.S. Government works, or works produced by employees of any Commonwealth realm Crown government in the course of their duties.

Page 1 of 9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

ACS Applied Materials & Interfaces

Covalent Organic Framework Functionalized with 8-Hydroxyquinoline as a Dual-mode Fluorescent and Colorimetric pH Sensor Long Chen,† Linwei He,† Fuyin Ma,† Wei Liu,† Yaxing Wang,† Mark A. Silver,† Lanhua Chen,† Lin Zhu,† Daxiang Gui,† Juan Diwu,† Zhifang Chai,† and Shuao Wang*,† †

State Key Laboratory of Radiation Medicine and Protection, School for Radiological and interdisciplinary Sciences

(RAD-X), Collaborative Innovation Center of Radiation Medicine of Jiangsu Higher Education Institutions and School of Radiation Medicine and Protection, Soochow University, Suzhou 215123, China KEYWORDS: Chemosensor, colorimetric, covalent organic frameworks, fluorescent, low pH, mixed matrix membranes ABSTRACT: Real-time and accurate detection of pH in aqueous solution is of great significance in chemical, environmental, and engineering-related fields. We report here the use of 8-hydroxyquinoline-functionalized covalent organic framework (COF-HQ) for dual-mode pH sensing. In the fluorescent mode, the emission intensity of COF-HQ weakened as the pH decreased, and also displayed a good linear relationship against pH in the range from 1 to 5. In addition, COF-HQ showed discernable color changes from yellow to black as the acidity increased and can be therefore used as a colorimetric pH sensor. All these changes are reversible and COF-HQ can be recycled for multiple detection runs owing to its high hydrolytical stability. It can be further assembled into a mixed matrix membrane for practical applications.

Detecting pH in aqueous solutions is of great importance in water quality monitoring, environmental surveillance, chemical reaction control, and medical diagnosis.1 Up to now, various techniques have been developed to measure pH, including luminescence imaging, optical fiber pH sensors, ion-sensitive field effect transistors (ISFET), as well as various electrochemical methods and so on.2 Luminescence and colorimetric-based chemosensors3 are considered to be one of the most practical installations for evaluating pH, not only because of their high sensitivity and resolution, but also because of their fast response time and facile nature.4 Covalent organic frameworks (COFs) are an emerging class of regular porous polymers constructed from the condensation of organic building blocks containing light elements (e.g. C, H, O, N, and B) into two or three-dimensional crystalline structures. The tunable channel in COFs is a remarkable property which has made them employable in a wide variety of applications, such as heterogeneous catalysis, gas storage and adsorption, chemical sensors, proton conduction, and energy storage.5 Luminescent COFs have been increasingly utilized as perceptive chemosensors, because of their high physicochemical stability, uniform pore size, and fast response time6 in detecting 2,4,6-trinitrophenol (TNP),7 polynitro-aromatic analytes,8 the vapours of electron rich or deficient arene,9 mercury ions,10 and so on. However, COF-based sensors for pH are rarely reported. The only COF-based pH sensor, COF-JLU4 developed by Liu et al., displayed high sensitivity towards acidic solutions based on a “turn-on” manner.11 In this contribution, a pH sensitive fluorescent chemical group, 8-hydroxyquinoline (HQ), was selected and successfully introduced into the channels of a two-dimensional COF. As a result, the terminal COF, termed as COF-HQ, can respond to acidic solutions by

way of a change in both color and fluorescence intensity. Additionally, a COF-HQ-based mixed matrix membrane (MMM) was prepared to monitor pH, implying that the as-synthesized COF material is of excellent machinability. COF-HQ was synthesized by the Schiff-base reaction of 2, 5-bis[2-(quinolin-8-yloxy)ethoxy)terephthalaldehyde (2) with 1,3,5-tri-(4-aminophenyl)benzene (TAPB) in the presence of acetic acid (6 M), as well as n-butyl alcohol and o-dichlorobenzene (1/1, v/v) as the mixed solvent (Figure 1A).12 A variety of characterization methods, including powder X-ray diffraction (PXRD), Fourier transform infrared spectroscopy (FT-IR), thermogravimetric analysis (TGA), elemental analysis, as well as transmission electron microscopy (TEM), were applied to characterize COF-HQ. The PXRD profile of COF-HQ displays multiple peaks in the 2θ range from 2.5° to 30°, which indicates the ordered frameworks of COF-HQ. The characteristic peaks appeared at 2.91, 5.89, 7.80, and 24.6° are assigned to the [100], [110], [200], and [001] facets of COF-HQ, respectively (Figure 1F).12 The existence of the [001] facet at 24.6° is equivalent of a π-π stacking distance of 3.62 Å (Figure 1C).13 The refined structure of COF-HQ resulted in a space group of P6 with a = b = 37.688 Å, c = 3.6847 Å, α = β = 90° and γ = 120°, and Rp and Rwp values of 5.04 and 6.89%, respectively.12 The Pawley refinement patterns of COF-HQ show a negligible difference compared with the experimentally observed curve. The generated PXRD patterns from structural simulation suggest that COF-HQ prefers to arrange according to an eclipsed AA-stacking model instead of the staggered AB-stacking model (Figure 1B, D, and E).14 The FT-IR spectrum of COF-HQ showed the characteristic C=N stretching vibration band at 1,615 cm-1 (Figure 1G), which appeared nearly at the same

ACS Paragon Plus Environment

ACS Applied Materials & Interfaces 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

Figure 1. A) Schematic representation of the synthesis of COF-HQ from compound 2 and TAPB. B) Top and C) side views of COF-HQ in AA-stacking model (C, gray; N, blue; O, red; H atoms omitted for clarity). D) AA- and E) AB-stacking models for COF-HQ (adjacent layers shown in green and orange for lucidity). F) PXRD patterns of COF-HQ: (a) experimentally observed, (b) Pawley refined, (c) the difference between (a) and (b), (d) the curves for simulated eclipsed AA-, and (e) staggered AB-stacking models. G) FT-IR spectra of compound 2, TAPB, and COF-HQ. H) N2 adsorption isotherms of COF-HQ under various conditions. I) BET surface areas of COF-HQ after treatment in different conditions.

position as in DhaTph COF (1,613 cm-1).15 In addition, the disappearance of stretching bands for N-H (3,353 cm-1) and C=O (1,663 cm-1) indicates that no starting reactants are present with COF-HQ after the Schiff-base reaction and purification. The elemental analysis of COF-HQ displayed the contents of C, H and N were 77.63%, 6.71%, and 5.87%, respectively, which agrees well with the anticipated proportions of 78.17%, 4.85%, and 7.93%, respectively, in an infinite 2D sheet (Table S1).11 TEM images revealed that COF-HQ particles were spindly in shape, forming belt-shaped or rectangle structures with widths up to 50 nm and lengths in excess of 100 nm (Figure S7).15 Thermogravimetric analysis (TGA) was performed to evaluate the thermostability of COF-HQ. Prior to the experiment, COF-HQ was activated at 100 °C under vacuum for 12 h. COF-HQ exhibits no conspicuous weight loss until about 255 °C as shown in the TGA curve (Figure S8). Gradual weight loss is experienced in COF-HQ after, totaling 31% in the range of 255 900 °C. The loss in this region is due to the decomposition of the framework.15 The permanent porosity of COF-HQ was investigated by nitrogen adsorption isotherm.16 Initially, the sample was freshly activated by degassing in vacuo at 60 °C for 10 h. As shown in Figure 1H, COF-HQ exhibited a classical type-I adsorption curve at 77 K with an uptake at low relative pressure (P/P0 < 0.2), owing to the occupation of nitrogen in the small pores.15 Following the gradual adsorption over the remaining relative pressure (0.2 < P/P0 < 0.8), a steep rise in nitrogen

uptake at relative high pressure (P/P0 > 0.8) was observed and attributed to condensation in the interparticle gap.15 The surface area of COF-HQ was evaluated to be 302 m2 g-1 when applying the Brunauer-Emmett-Teller (BET) method.17 The decreased surface area of COF-HQ compared with TPB-DMTP-COF (2105 m2 g-1) can be considered as the result of the functional group (HQ) occupying the pore space.12 The pore size distribution was calculated by non-local density functional theory (NLDFT), which revealed that the size of the micropores in COF-HQ centered around 1.4 nm (Figure S9), less than that of TPB-DMTP-COF (3.3 nm). In addition, the pore volume for COF-HQ was calculated to be 0.296 cm3 g-1. To test the stability of COF-HQ in water, a certain quantity (40 mg) of COF-HQ was immersed in aqueous solution for 24 h. No significant changes in either the BET surface area (313 m2 g-1) or PXRD pattern indicated good hydrolytic stability of COF-HQ (Figure S10). Moreover, COF-HQ also exhibited good stability in acidic solutions, also confirmed by PXRD and N2 adsorption studies before and after immersion in 0.1 M HCl (Figure 1I). Further immersion studies of COF-HQ both in boiling water and 10 M NaOH solution exemplifies its stability, as a little increase in BET surfaces for both cases were observed. These results may be due to the removal of solvent molecules within the channels under extreme conditions. Encouraged by both the acidic stability of COF-HQ and the fluorophore (HQ)-functionalized framework, we investigated the pH-dependent luminescent property of COF-HQ both in the solid state and in aqueous solution.

ACS Paragon Plus Environment

Page 2 of 9

Page 3 of 9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

ACS Applied Materials & Interfaces

From the solid state spectra shown in Figure 2A, HQ displayed an emission feature at 470 nm (λex = 365 nm), owing to the π-π* charge transfer interaction from the electron-rich phenol ring to the electron-deficient pyridine ring.18 Unlike HQ, COF-HQ exhibits emission at 682 nm when excited with 365 nm light. The red shift could be attributed to the π-π stacking interaction between adjacent 8-hydroxyquinoline species.19 As in aqueous solution, the fluorescence intensity of COF-HQ is strongly correlated with the pH of the solution, in which the intensity gradually decreases with increasing acidity (Figure 2B and C). When pH = 1, the fluorescence intensity of COF-HQ was completely quenched. Considering that the pores within COF-HQ might be conducive to incorporation and diffusion of protons, this distinct phenomenon could be induced by the protonation of HQ grafted within the framework (Figure 2D).20 This would damage the π-electron conjugated system of HQ and lead to the noticeable fluorescence quenching.21 Moreover, the relationship between the emission intensity at 644 nm versus pH is established in Figure 2E. Quantitatively, the linear response between these can be described using the equation, y = 12,137x – 12,816 with a correlation coefficient (R2) of 0.979. This correlation could be used directly for determining the pH of aqueous solutions from 1 to 5. Until now, only one COF-based pH sensor (COF-JLU4) has been reported displaying such an interesting fluorescence response. The emission intensity of COF-JLU4 at 428 nm gradually decreased with the basicity enhancing.11 Unlike COF-JLU4, COF-HQ can be slowly quenched by acidic solution. To evaluate the recyclability of COF-HQ used as a fluorescent sensor to probe pH, pH-dependent luminescence spectra were recorded within a pH range of 1 ≤ pH ≤ 5 for five continuous cycles.22 As shown in Figure 2F, the fluorescence at 644 nm nearly quenched after adjusting the pH of the solution to 1 with conc. HNO3. Meanwhile, the color of the solution quickly turned black. However, after regulating the pH to 5 using triethylamine, the color rapidly converted back to orange and the emission could be recovered to nearly similar intensities for five consecutive cycles. These experiments demonstrably support the satisfactory integrity and reproducibility of COF-HQ. Interestingly, when COF-HQ was immersed in a solution of pH = 1, the color of COF-HQ turned from orange to black immediately, which inspired us to apply COF-HQ as a colorimetric-based pH sensor. To investigate the hypothesis, 2 mg of COF-HQ was immersed into 2 mL of various acidic solutions with pH ranging from 1 to 5. As shown in Figure 3A, the colors of these suspensions gradually evolved from dark to light orange as the acidity of the solution decreased. However, when the pH of the solutions exceeded 5 (Figure S11), the color remained orange and showed no

Figure 2. A) Solid state fluorescence spectra of HQ and COF-HQ. B) Fluorescence spectra of COF-HQ in various acidic conditions (λex = 365 nm). C) Images of the fluorescence of COF-HQ after treatment with various acidic solutions. D) Protonation and deprotonation process of HQ within the COF-HQ framework in acidic and basic media. E) The linear relationship between pH and fluorescence intensity. F) The repeatability of COF-HQ for five cycles.

visible difference to the naked eye. This interesting phenomenon further supports the use of COF-HQ as an optical chemosensor to distinguish various acidic solutions within the pH scope from 1 to 5. These results indicate that COF-HQ not only demonstrates good correlation between emissions in low pH, but also could be regarded as a novel nano-sized pH chemosensor both by changes in the color and fluorescence intensity. Compared with pH meters, the advantage of COF-HQ is the fast response time and easy operation.23,24 In order to prove the potential practical application and machinability of COF-HQ, a mixed matrix membrane (MMM) was prepared. Nowadays, the construction of MOF- or COF-based MMMs is a remarkable strategy to accesses functional materials,25,26 which have been widely researched in gas separation,27 proton conductivity,28 membrane reactors,29 gaseous HCl sensors,30 etc. First, the COF-HQ-based MMM was fabricated by combination of COF-HQ with aqueous solutions of polyvinyl alcohol (PVA). After stirring the mixed orange solution for 4 h at room temperature,

ACS Paragon Plus Environment

ACS Applied Materials & Interfaces 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

Page 4 of 9

ORCID Shuao Wang: 0000-0002-1526-1102 Author Contributions

The manuscript was written through contributions of all authors. All authors have given approval to the final version of the manuscript. Notes

The authors declare no competing financial interest. ACKNOWLEDGMENT

Figure 3. A) Eye naked color changes of COF-HQ after immersion in varieties of acidic solutions from pH 1 to pH 5. B) COF-HQ-based mixed matrix membrane with the diameter of 7 cm. C) Changes in color of COF-HQ-based MMM after dropping of assorted acidic solutions.

water from the viscous solution was evaporated under vacuum to finally obtain the desired MMM. As shown in Figure 3B, the prepared MMM was flexible, mechanically robust, and free of macroscopic deficiencies. Compared with the free nanoscale COF-HQ, the MMM exhibited a similar color change after contacting various low pH solutions. As shown in Figure 3C, the color of COF-HQ-based MMM gradually became black with increasing acidity within 1 min. The benefit of this fast response is a direct result of the large contact area on the surface of the membrane. In conclusion, an 8-hydroxyquinoline-functionalized covalent organic framework (COF-HQ) has been synthesized and characterized by multiple techniques, including PXRD, FT-IR, TGA, and so on. After treatment with low pH solutions, COF-HQ showed remarkable changes both in color and in fluorescence intensity, indicating it can be used as a colorimetric and fluorescent nano-sized chemosensor. Furthermore, the as-prepared COF-HQ-based mixed matrix membrane showed gradual color changes after immersion in gradient acidic solutions, suggesting that the material is of great potential for practical applications. Considering the high chemical stabilities of and convenient modifications that can be made to COFs, our work provides a new strategy to fabricate dual responsive pH sensors within this promising platform. ASSOCIATED CONTENT Supporting Information

Supporting Information is available free of charge via the Internet at http://pubs.acs.org. Synthesis and characterization of compound 2, elemental analysis, TEM image, TGA curve, and atomic coordinates for AA- and AB-stacking model of COF-HQ. (PDF) AUTHOR INFORMATION Corresponding Author

* E-mail: [email protected]

We are grateful for the financial support from the National Natural Science Foundation of China (21790370, 21790374, 21761132019, U1532259), the China Postdoctoral Research Foundation (32317532 and 32317551), a project funded by the Priority Academic Program Development of the Jiangsu Higher Education Institutions (PAPD), and the “Young Thousand Talented Program” in China. In particular, we appreciate Dr. Qi Sun and Dr. Yang Li in simulating the structure of COF-HQ.

REFERENCES (1) He, C.; Lu, K.; Lin, W. Nanoscale Metal-Organic Frameworks for Real-Time Intracellular pH Sensing in Live Cells. J. Am. Chem. Soc. 2014, 136, 12253-12256. (2) Miao, Y.; Chen, J.; Fang, K. New Technology for the Detection of pH. J. Biochem. Biophys. Methods 2005, 63, 1-9. (3) Li, J.; Wang, X.; Zhao, G.; Chen, C.; Chai, Z.; Alsaedi, A.; Hayat, T.; Wang, X. Metal-Organic Framework-Based Materials: Superior Adsorbents for the Capture of Toxic and Radioactive Metal Ions. Chem. Soc. Rev. 2018, 47, 2322-2356. (4) Liu, W.; Wang, Y.; Bai, Z.; Li, Y.; Wang, Y.; Chen, L.; Xu, L.; Diwu, J.; Chai, Z.; Wang, S. Hydrolytically Stable Luminescent Cationic Metal Organic Framework for Highly Sensitive and Selective Sensing of Chromate Anions in Natural Water Systems. ACS Appl. Mater. Interfaces 2017, 9, 16448-16457. (5) Feng, X.; Ding, X.; Jiang, D. Covalent Organic Frameworks. Chem. Soc. Rev. 2012, 41, 6010-6022. (6) Xue, R.; Guo, H.; Wang, T.; Gong, L.; Wang, Y.; Ai, J.; Huang, D.; Chen, H.; Yang, W. Fluorescence Properties and Analytical Applications of Covalent Organic Frameworks. Anal. Methods 2017, 9, 3737-3750. (7) Dalapati, S.; Jin, S.; Gao, J.; Xu, Y.; Nagai, A.; Jiang, D. An Azine-Linked Covalent Organic Framework. J. Am. Chem. Soc. 2013, 135, 17310-17313. (8) Kaleeswaran, D.; Vishnoi, P.; Murugavel, R. [3+3] Imine and β-Ketoenamine Tethered Fluorescent Covalent-Organic Frameworks for CO2 Uptake and Nitroaromatic Sensing. J. Mater. Chem. C 2015, 3, 7159-7171. (9) Xie, Y.-F.; Ding, S.-Y.; Liu, J.-M.; Wang, W.; Zheng, Q.-Y. Triazatruxene Based Covalent Organic Framework and its Quick-Response Fluorescence-on Nature towards Electron Rich Arenes. J. Mater. Chem. C 2015, 3, 10066-10069. (10) Ding, S. Y.; Dong, M.; Wang, Y. W.; Chen, Y. T.; Wang, H. Z.; Su, C. Y.; Wang, W. Thioether-Based Fluorescent Covalent Organic Framework for Selective Detection and Facile Removal of Mercury(II). J. Am. Chem. Soc. 2016, 138, 3031-3037. (11) Zhang, Y.; Shen, X.; Feng, X.; Xia, H.; Mu, Y.; Liu, X. Covalent Organic Frameworks as pH Responsive Signaling Scaffolds. Chem. Commun. 2016, 52, 11088-11091. (12) Xu, H.; Gao, J.; Jiang, D. Stable, Crystalline, Porous, Covalent Organic Frameworks as a Platform for Chiral Organocatalysts. Nat. Chem. 2015, 7, 905-912. (13) Kandambeth, S.; Mallick, A.; Lukose, B.; Mane, M. V.; Heine, T.; Banerjee, R. Construction of Crystalline 2D Covalent Organic Frameworks with Remarkable Chemical (Acid/Base) Stability via a Combined Reversible and Irreversible Route. J. Am. Chem. Soc. 2012, 134, 19524-19527. (14) Huang, N.; Ding, X.; Kim, J.; Ihee, H.; Jiang, D. A Photoresponsive Smart Covalent Organic Framework. Angew. Chem. Int. Ed. 2015, 54, 8704-8707. (15) Kandambeth, S.; Shinde, D. B.; Panda, M. K.; Lukose, B.; Heine, T.; Banerjee, R. Enhancement of Chemical Stability and Crystallinity in

ACS Paragon Plus Environment

Page 5 of 9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

ACS Applied Materials & Interfaces Porphyrin-Containing Covalent Organic Frameworks by Intramolecular Hydrogen Bonds. Angew. Chem. Int. Ed. 2013, 52, 13052-13056. (16) Sun, Y.; Wu, Z.-Y.; Wang, X.; Ding, C.; Cheng, W.; Yu, S.-H.; Wang, X. Macroscopic and Microscopic Investigation of U(VI) and Eu(III) Adsorption on Carbonaceous Nanofibers. Environ. Sci. Technol. 2016, 50, 4459-4467. (17) Chen, L.; Bai, Z.; Zhu, L.; Zhang, L.; Cai, Y.; Li, Y.; Liu, W.; Wang, Y.; Chen, L.; Diwu, J.; Wang, J.; Chai, Z.; Wang, S. Ultrafast and Efficient Extraction of Uranium from Seawater Using an Amidoxime Appended Metal-Organic Framework. ACS Appl. Mater. Interfaces 2017, 9, 32446-32451. (18) Li, H.; Zhu, G.; Guo, X.; Li, Y.; Li, C.; Qiu, S. In Situ Synthesis of Aluminophosphate Microporous Molecular Sieve 8-Hydroxyquinoline–AlPO4-5 with Blue-Emitting Luminescence Property. Microporous Mesoporous Mater. 2005, 85, 324-330. (19) Rohini, R.; Baral, M.; Kanungo, B. K. Excimer Formation and Dual Fluorescence Emission of a Hydroxyquinoline Based Macrocyclic Tripod: Existence of Intra and Intermolecular π-Stacking. RSC Adv. 2016, 6, 108017-108027. (20) Li, H.-Y.; Wei, Y.-L.; Dong, X.-Y.; Zang, S.-Q.; Mak, T. C. W. Novel Tb-MOF Embedded with Viologen Species for Multi-Photofunctionality: Photochromism, Photomodulated Fluorescence, and Luminescent pH Sensing. Chem. Mater. 2015, 27, 1327-1331. (21) Jiang, H. L.; Feng, D.; Wang, K.; Gu, Z. Y.; Wei, Z.; Chen, Y. P.; Zhou, H. C. An Exceptionally Stable, Porphyrinic Zr Metal-Organic Framework Exhibiting pH-Dependent Fluorescence. J. Am. Chem. Soc. 2013, 135, 13934-13938. (22) Qi, Z.; Chen, Y. Charge-Transfer-Based Terbium MOF Nanoparticles as Fluorescent pH Sensor for Extreme Acidity. Biosens. Bioelectron. 2017, 87, 236-241. (23) Yang, W.; Bai, Z.-Q.; Shi, W.-Q.; Yuan, L.-Y.; Tian, T.; Chai, Z.-F.; Wang, H.; Sun, Z.-M. MOF-76: from a Luminescent Probe to Highly Efficient UVI Sorption Material. Chem. Commun. 2013, 49, 10415-10417. (24) Yoon, I.; Kim, J. H.; Li, J. Z.; Lee, W. K.; Shim, Y. K. Efficient Photosensitization by a Chlorin-Polyoxometalate Supramolecular Complex. Inorg. Chem. 2014, 53, 3-5. (25) Yang, T.; Shi, G. M.; Chung, T.-S. Symmetric and Asymmetric Zeolitic Imidazolate Frameworks (ZIFs)/Polybenzimidazole (PBI) Nanocomposite Membranes for Hydrogen Purification at High Temperatures. Adv. Energy Mater. 2012, 2, 1358-1367. (26) Kang, Z.; Peng, Y.; Qian, Y.; Yuan, D.; Addicoat, M. A.; Heine, T.; Hu, Z.; Tee, L.; Guo, Z.; Zhao, D. Mixed Matrix Membranes (MMMs) Comprising Exfoliated 2D Covalent Organic Frameworks (COFs) for Efficient CO2 Separation. Chem. Mater. 2016, 28, 1277-1285. (27) Zou, C.; Li, Q.; Hua, Y.; Zhou, B.; Duan, J.; Jin, W. Mechanical Synthesis of COF Nanosheet Cluster and Its Mixed Matrix Membrane for Efficient CO2 Removal. ACS Appl. Mater. Interfaces 2017, 9, 29093-29100. (28) Peng, Y.; Xu, G.; Hu, Z.; Cheng, Y.; Chi, C.; Yuan, D.; Cheng, H.; Zhao, D. Mechanoassisted Synthesis of Sulfonated Covalent Organic Frameworks with High Intrinsic Proton Conductivity. ACS Appl. Mater. Interfaces 2016, 8, 18505-18512. (29) Jin, H.; Liu, X.; Ban, Y.; Peng, Y.; Jiao, W.; Wang, P.; Guo, A.; Li, Y.; Yang, W. Conversion of Xylose into Furfural in a MOF-Based Mixed Matrix Membrane Reactor. Chem. Eng. J. 2016, 305, 12-18. (30) Zhao, C. W.; Ma, J. P.; Liu, Q. K.; Wang, X. R.; Liu, Y.; Yang, J.; Yang, J. S.; Dong, Y. B. An in Situ Self-Assembled Cu4I4-MOF-Based Mixed Matrix Membrane: a Highly Sensitive and Selective Naked-Eye Sensor for Gaseous HCl. Chem. Commun. 2016, 52, 5238-5241.

ACS Paragon Plus Environment

ACS Applied Materials & Interfaces 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

Page 6 of 9

SYNOPSIS TOC

6 ACS Paragon Plus Environment

Page 7 of 9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

ACS Applied Materials & Interfaces

Figure 1. A) Schematic representation of the synthesis of COF-HQ from compound 2 and TAPB. B) Top and C) side views of COF-HQ in AA-stacking model (C, gray; N, blue; O, red; H atoms omitted for clarity). D) AA- and E) AB-stacking models for COF-HQ (adjacent layers shown in green and orange for lucidity). F) PXRD patterns of COF-HQ: (a) experimentally observed, (b) Pawley refined, (c) the difference between (a) and (b), (d) the curves for simulated eclipsed AA-, and (e) staggered AB-stacking models. G) FT-IR spectra of compound 2, TAPB, and COF-HQ. H) N2 adsorption isotherms of COF-HQ under various conditions. I) BET surface areas of COF-HQ after treatment in different conditions. 444x221mm (300 x 300 DPI)

ACS Paragon Plus Environment

ACS Applied Materials & Interfaces 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

Figure 2. A) Solid state fluorescence spectra of HQ and COF-HQ. B) Fluorescence spectra of COF-HQ in various acidic conditions (λex = 365 nm). C) Images of the fluorescence of COF-HQ after treatment with various acidic solutions. D) Protonation and deprotonation process of HQ within the COF-HQ framework in acidic and basic media. E) The linear relationship between pH and fluorescence intensity. F) The repeatability of COF-HQ for five cycles. 206x331mm (300 x 300 DPI)

ACS Paragon Plus Environment

Page 8 of 9

Page 9 of 9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

ACS Applied Materials & Interfaces

Figure 3. A) Eye naked color changes of COF-HQ after immersion in varieties of acidic solutions from pH 1 to pH 5. B) COF-HQ-based mixed matrix membrane with the diameter of 7 cm. C) Changes in color of COFHQ-based MMM after dropping of assorted acidic solutions. 349x247mm (300 x 300 DPI)

ACS Paragon Plus Environment