diff --git a/src/assets/3-5.png b/src/assets/3-5.png index 81485f7..4ba6254 100644 Binary files a/src/assets/3-5.png and b/src/assets/3-5.png differ diff --git a/src/assets/3-6.png b/src/assets/3-6.png deleted file mode 100644 index 9efbd01..0000000 Binary files a/src/assets/3-6.png and /dev/null differ diff --git a/src/views/Home.vue b/src/views/Home.vue index 7b9beb4..d03b5cf 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -81,17 +81,17 @@
@@ -204,7 +194,7 @@ export default { require('../assets/bg2.png'), require('../assets/bg3.png'), ], - current: 0, + current: 2, isSuccessed: false, findList: [], massage: '请找找看,下面有几处违章?', @@ -415,18 +405,36 @@ export default { } .image2-4 { - bottom: 37%; - left: 10.9%; + bottom: 15%; + left: 17.9%; width: 0.9rem; height: 0.8rem; display: flex; justify-content: start; align-items: end; } +.image2-5 { + top: 6%; + left: 14.9%; + width: 1.1rem; + height: 0.8rem; + display: flex; + justify-content: start; + align-items: center; +} +.image2-6 { + top: 30%; + left: 10.9%; + width: 1.3rem; + height: 0.8rem; + display: flex; + justify-content: start; + align-items: start; +} .image3-1 { top: 20%; - left: 7.9%; + left: 6%; width: 1.1rem; height: 1.3rem; display: flex; @@ -436,17 +444,17 @@ export default { .image3-2 { bottom: 27%; - right: 40.9%; + left: 30.9%; width: 1.2rem; height: 0.7rem; display: flex; - justify-content: end; + justify-content: center; align-items: center; } .image3-3 { bottom: 13%; - right: 10.9%; + right: 28.9%; width: 0.7rem; height: 0.5rem; display: flex; @@ -465,25 +473,15 @@ export default { } .image3-5 { - top: 10%; - right: 29.9%; - width: 1.1rem; - height: 0.5rem; + bottom: 15%; + right: 10.9%; + width: 0.7rem; + height: 0.7rem; display: flex; justify-content: start; align-items: end; } -.image3-6 { - bottom: 16%; - right: 19.9%; - width: 0.8rem; - height: 0.5rem; - display: flex; - justify-content: start; - align-items: center; -} - .bottom { position: absolute; z-index: 10;