红头文件

index.html

@@ -216,12 +216,11 @@
               //事件委托就是利用事件冒泡特性，给父元素绑定事件
               //parent.contains(child) 判断是否是某个节点的子节点
               //e.target 触发事件的源节点
-              let preview = document.querySelector('.img-preview'); // 预览
-              preview.onclick = function(e){
+              document.querySelector('.img-preview').onclick = function(e){
                 e = window.event || e;
                 let parentApp = document.getElementById('img');
                 if(!parentApp.contains(e.target)){
-                  preview.style.display = 'none';
+                  document.querySelector('.img-preview').style.display = 'none';
                 }
               }
 
@@ -480,7 +479,7 @@
 
                 // 预览
                 bigImg() {
-                  preview.style.display = 'flex';
+                  document.querySelector('.img-preview').style.display = 'flex';
                 },
 
                 submit() {