图片，样式整理

src/components/windows/footIndex.vue

@@ -37,11 +37,9 @@
 <style scoped lang="scss">
 .foot {
       height: 300px;
-      // background-image: url('/src/assets/fendoubg1.png');
-      // background-repeat: no-repeat;
-      // background-size: 100% 100%;
-
-      background: rgb(233, 242, 250);
+      background-image: url('/foot1.png');
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
 
       .footInfo {
             padding: 0 14%;
@@ -66,8 +64,6 @@
 
                   .right {
                         text-align: right;
-                        display: flex;
-                        align-items: center;
 
                         .images {
                               width: 10px;

src/views/win/introduceParts/briefIndex.vue

@@ -22,13 +22,13 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-const brief5 = ref('/brief5.png')
+const brief5 = ref('/brief7.png')
 
 </script>
 <style scoped lang="scss">
 .main {
       padding: 0 17%;
-      height: 55vh;
+      height: 60vh;
       overflow: hidden;
 
       .info {

src/views/win/introduceParts/combriefIndex.vue

@@ -74,7 +74,8 @@ onMounted(() => {
 .main {
       height: 800px;
       overflow: hidden;
-      background-image: url('/brief5.png');
+      background-color: #FFFFFF;
+      background-image: url('/brief6.png');
       background-repeat: no-repeat;
       background-size: 100% 100%;
 

src/views/win/messParts/commessIndex.vue

@@ -74,6 +74,7 @@ const list = ref<any[]>([
       max-width: 23.3%;
       border-radius: 5px;
       box-shadow: 0 0 5px #cccccc;
+      background-color: #FFFFFF;
 
       .imgs {
         border-radius: 5px;

src/views/winParts/conductingBusiness.vue

@@ -24,27 +24,27 @@ import dividerIndex from '../../components/windows/dividerIndex.vue'
 const list = ref([
       {
             title: '服务信息',
-            url: '/src/assets/fendoubg1.png'
+            url: '/con1.png'
       },
       {
             title: '获得用水',
-            url: '/src/assets/fendoubg1.png'
+            url: '/con2.png'
       },
       {
             title: '新区营商环境',
-            url: '/src/assets/fendoubg1.png'
+            url: '/con3.png'
       },
       {
             title: '智慧水务',
-            url: '/src/assets/fendoubg1.png'
+            url: '/con4.png'
       },
       {
             title: '客户服务',
-            url: '/src/assets/fendoubg1.png'
+            url: '/con5.png'
       },
       {
             title: '用水常识',
-            url: '/src/assets/fendoubg1.png'
+            url: '/con6.png'
       }
 ])
 
@@ -65,6 +65,9 @@ const list = ref([
             .list {
                   position: relative;
                   max-width: 32%;
+                  height: 250px;
+                  overflow: hidden;
+                  margin: 0 0 10px 0;
 
                   .img {
 

src/views/winParts/introduceIndex.vue

@@ -20,9 +20,10 @@
                         </el-col>
                   </el-col>
                   <el-col :span="12" class="right">
-                        <el-image class="images1" :src="images1"></el-image>
-                        <el-image class="images2" :src="images2"></el-image>
-                        <el-image class="images3" :src="images3"></el-image>
+                        <el-image class="images1" :src="images11"></el-image>
+                        <!-- <el-image class="images1" :src="images1"></el-image>
+                     <el-image class="images2" :src="images2"></el-image>
+                        <el-image class="images3" :src="images3"></el-image> -->
                   </el-col>
             </el-col>
       </el-row>
@@ -33,11 +34,11 @@ defineOptions({ name: 'introduceIndex' })
 // 基础
 import { ref } from 'vue';
 
-
 const rightIcon = ref('/right.png')
-const images1 = ref('/brief2.png')
-const images2 = ref('/brief3.png')
-const images3 = ref('/brief4.png')
+const images11 = ref('/brief22.png')
+// const images1 = ref('/brief2.png')
+// const images2 = ref('/brief3.png')
+// const images3 = ref('/brief4.png')
 
 
 </script>
@@ -132,32 +133,32 @@ const images3 = ref('/brief4.png')
 
             .right {
                   display: flex;
-                  position: relative;
-
-                  .images1 {
-                        width: 300px;
-                        height: 100%;
-                        z-index: 3;
-                  }
-
-                  .images2 {
-                        width: 300px;
-                        height: 90%;
-                        position: absolute;
-                        left: 110px;
-                        top: 20px;
-                        z-index: 2;
-
-                  }
-
-                  .images3 {
-                        width: 300px;
-                        height: 80%;
-                        position: absolute;
-                        left: 220px;
-                        top: 40px;
-                        z-index: 1;
-                  }
+                  justify-content: end;
+
+                  // .images1 {
+                  //       width: 300px;
+                  //       height: 100%;
+                  //       z-index: 3;
+                  // }
+
+                  // .images2 {
+                  //       width: 300px;
+                  //       height: 90%;
+                  //       position: absolute;
+                  //       left: 110px;
+                  //       top: 20px;
+                  //       z-index: 2;
+
+                  // }
+
+                  // .images3 {
+                  //       width: 300px;
+                  //       height: 80%;
+                  //       position: absolute;
+                  //       left: 220px;
+                  //       top: 40px;
+                  //       z-index: 1;
+                  // }
             }
       }
 }

src/views/winParts/notesIndex.vue

@@ -32,7 +32,7 @@ const list = ref([
       {
             id: '1',
             title: '水务公告',
-            url: '/src/assets/fendoubg1.png',
+            url: '/notes1.png',
             brief1: '结果公式20240701',
             brief2: '暖心供水服务，优化营商环境',
             brief3: '长春水务集团自来水有限公司2022年--2023年末发行的新增地方政府专项债券资金收支情况表',
@@ -40,7 +40,7 @@ const list = ref([
       {
             id: '2',
             title: '水质报告',
-            url: '/src/assets/fendoubg1.png',
+            url: '/notes2.png',
             brief1: '结果公式20240701',
             brief2: '暖心供水服务，优化营商环境',
             brief3: '长春水务集团自来水有限公司2022年--2023年末发行的新增地方政府专项债券资金收支情况表',
@@ -48,7 +48,7 @@ const list = ref([
       {
             id: '3',
             title: '停水信息',
-            url: '/src/assets/fendoubg1.png',
+            url: '/notes3.png',
             brief1: '结果公式20240701',
             brief2: '暖心供水服务，优化营商环境',
             brief3: '长春水务集团自来水有限公司2022年--2023年末发行的新增地方政府专项债券资金收支情况表',
@@ -56,7 +56,7 @@ const list = ref([
       {
             id: '4',
             title: '管网压力',
-            url: '/src/assets/fendoubg1.png',
+            url: '/notes4.png',
             brief1: '结果公式20240701',
             brief2: '暖心供水服务，优化营商环境',
             brief3: '长春水务集团自来水有限公司2022年--2023年末发行的新增地方政府专项债券资金收支情况表',
@@ -64,7 +64,7 @@ const list = ref([
       {
             id: '5',
             title: '长水e办',
-            url: '/src/assets/fendoubg1.png',
+            url: '/notes5.png',
             brief1: '结果公式20240701',
             brief2: '暖心供水服务，优化营商环境',
             brief3: '长春水务集团自来水有限公司2022年--2023年末发行的新增地方政府专项债券资金收支情况表',
@@ -72,7 +72,7 @@ const list = ref([
       {
             id: '6',
             title: '网上缴费',
-            url: '/src/assets/fendoubg1.png',
+            url: '/notes6.png',
             brief1: '结果公式20240701',
             brief2: '暖心供水服务，优化营商环境',
             brief3: '长春水务集团自来水有限公司2022年--2023年末发行的新增地方政府专项债券资金收支情况表',
@@ -100,7 +100,7 @@ const toChange = (event: { id: string }) => {
                         .images {
                               width: 100%;
                               height: 260px;
-                              border-radius: 5px;
+                              border-radius: 10px;
                         }
                   }
 
@@ -109,7 +109,7 @@ const toChange = (event: { id: string }) => {
                         top: 0;
                         width: 100%;
                         height: 260px;
-                        border-radius: 5px;
+                        border-radius: 10px;
                         padding: 0 10px;
 
                         background-color: #ffffff5f;

src/views/windowsIndex.vue

@@ -59,7 +59,7 @@ import footIndex from '../components/windows/footIndex.vue'
       .bigImage {
             height: 30em;
             overflow: hidden;
-            background-image: url('../assets/fendoubg1.png');
+            background-image: url('/home1.png');
             background-repeat: no-repeat;
             background-size: 100% 100%;
       }