diff --git a/src/views/Home.vue b/src/views/Home.vue index e3fb562..2e3fb43 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -60,126 +60,96 @@ @@ -355,8 +325,9 @@ export default { findList: [], massage: '请找找看,下面有几处违章?', sixList: [3], - sevenList: [2,4], - fiveList: [0,1] + sevenList: [4], + fiveList: [0,1], + fourList: [2] }; }, methods: { @@ -378,13 +349,16 @@ export default { if (!this.findList.includes(val)) { this.findList.push(val) } - if ((this.findList.length == 7 && this.sevenList.includes(this.current)) || (this.findList.length == 6 && this.sixList.includes(this.current)) || (this.fiveList.includes(this.current) && this.findList.length == 5)) { + if ((this.findList.length == 7 && this.sevenList.includes(this.current)) || + (this.findList.length == 6 && this.sixList.includes(this.current)) || + (this.fiveList.includes(this.current) && this.findList.length == 5) || + (this.fourList.includes(this.current) && this.findList.length == 4)) { this.publish() } }, publish() { this.isSuccessed = true - this.findList = this.fiveList.includes(this.current) ? [1,2,3,4,5] : this.sevenList.includes(this.current) ? [1,2,3,4,5,6,7]:[1,2,3,4,5,6] + this.findList = this.fourList.includes(this.current) ? [1,2,3,4] : this.fiveList.includes(this.current) ? [1,2,3,4,5] : this.sevenList.includes(this.current) ? [1,2,3,4,5,6,7]:[1,2,3,4,5,6] this.massage = "恭喜您,找到了所有的问题点" }, refresh() { @@ -540,91 +514,88 @@ export default { } .image2-1 { - top: 35%; - right: 31.2%; - width: 0.6rem; - height: 1rem; + bottom: 0%; + left: 37%; + width: 1rem; + height: 0.8rem; display: flex; - justify-content: start; - align-items: center; - transform: rotate(-42deg); + justify-content: end; + align-items: start; } .image2-2 { - bottom: 33%; - right: 16.5%; - width: 1.9rem; + bottom: 2%; + left: 16.5%; + width: 1rem; height: 0.7rem; display: flex; justify-content: center; - align-items: end; + align-items: start; } .image2-3 { - bottom: 22%; - left: 1%; - width: 2.3rem; - height: 1rem; + top: 12%; + left: 34%; + width: 1rem; + height: 0.6rem; display: flex; - justify-content: center; + justify-content: start; align-items: center; - transform: rotate(-15deg); } .image2-4 { - bottom: 40%; - left: 43.8%; + top: 3%; + right: 35.8%; width: 0.8rem; height: 0.7rem; display: flex; - justify-content: start; + justify-content: end; align-items: end; } .image2-5 { - top: 12%; - right: 3.8%; - width: 0.8rem; - height: 1rem; + bottom: 30%; + right: 28.8%; + width: 1.6rem; + height: 0.8rem; display: flex; - justify-content: start; - align-items: end; + justify-content: center; + align-items: start; } .image3-1 { - top: -9%; - left: 32.8%; - width: 0.5rem; - height: 4rem; + top: 24%; + left: 35.8%; + width: 1.2rem; + height: 1rem; display: flex; - justify-content: start; - align-items: start; - transform: rotate(-80deg); + justify-content: center; + align-items: end; } .image3-2 { - top: 32%; - right: 29.8%; - width: 0.5rem; - height: 0.5rem; + top: 12%; + left: 22.8%; + width: 0.9rem; + height: 0.7rem; display: flex; justify-content: end; align-items: start; } .image3-3 { - bottom: 20%; - right: 25%; + bottom: 13%; + left: 41%; width: 1rem; height: 1rem; display: flex; - justify-content: start; + justify-content: end; align-items: center; } .image3-4 { - top: 33%; - right: 9.7%; - width: 1rem; + bottom: 15%; + right: 12.7%; + width: 1.2rem; height: 1rem; display: flex; - justify-content: center; - align-items: start; + justify-content: start; + align-items: center; } .image3-5 { top: 41%; @@ -780,11 +751,10 @@ export default { z-index: 10; width: 100%; height: 14.4%; - bottom: 0; + bottom: -14.4%; display: flex; justify-content: space-evenly; - align-items: start; - background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); + align-items: center; } .bottom .button { font-size: 0.15rem;