点击事件首次无效，第二次有效

原因：第一次点击图片和原来的图片相同，因此无效

     for (let i = 0; i < arr1.length; i++) {
            imgs[i].onclick = function () {
                if (flag) {
                    box3.style.background = `url(${bgc[i].src}) no-repeat center/cover`
                    //background-size只能紧跟着background-position出现，以 / 分割
                    flag = false
                } else {
                    box3.style.background = '0'
                    flag = true
                }
            }
        }

解决： 1.对调地址：

     for (let i = 0; i < arr1.length; i++) {
            imgs[i].onclick = function () {
                if (flag) {
                    box3.style.background = '0'
                    flag = false
                } else {
                    box3.style.background = `url(${bgc[i].src}) no-repeat center/cover`
                    flag = true
                }
            }

        }

2.count计数：

  let count = 0
        for (let i = 0; i < arr1.length; i++) {
            imgs[i].onclick = function () {
                if (count == 0) {
                    box3.style.background = `url(${bgc[i].src}) no-repeat center/cover`
                    count++
                } else {
                    box3.style.background = '0'
                    count = 0
                }
            }
        }