修改样式

src/App.vue

@@ -4,6 +4,10 @@
 <script setup lang="ts"></script>
 
 <style lang="scss">
+html {
+  scroll-behavior: smooth; /* 设置滚动行为为平滑 */
+}
+
 .w_1200 {
   max-width: 1200px !important;
   margin: 0 auto;

src/views/win/introduceDetail.vue

@@ -70,6 +70,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -79,8 +84,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         margin: 0 0 40px 0;

src/views/win/introduceIndex.vue

@@ -79,6 +79,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -88,8 +93,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/introduceParts/briefIndex.vue

@@ -15,7 +15,7 @@ import { ref, onMounted } from 'vue'
 import { jtjs } from '@/api/api'
 const brief5 = ref('brief7.png')
 const data = ref({
-  title: '长春水投集团简介',
+  title: '长春水务集团简介',
   txt: `<p>
           长春水务投资发展集团有限公司成立于2021年11月8日，经市政府批准，由原长春水务集团改组组建，专业从事水务投资、建设、运营的大型国有独资企业。注册资本30.2亿元。
           办公地址：吉林省长春市南关区芳草街542号。主要负责主城区自来水生产和供应。

src/views/win/inwaterDetail.vue

@@ -67,6 +67,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -76,8 +81,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/inwaterIndex.vue

@@ -73,6 +73,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -82,8 +87,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/inwaterParts/addressIndex.vue

@@ -306,7 +306,7 @@ const allList = ref({
   ],
   kffwzxList: [
     {
-      title: '长春水投集团用户发展办公室',
+      title: '长春水务集团用户发展办公室',
       address: '吉林省长春市南关区盛世大路814号',
       mobile: '88971838',
       pos: [125.332664, 43.807314],
@@ -324,7 +324,7 @@ const allList = ref({
       pos: [125.332664, 43.807314],
     },
     {
-      title: '长春水投集团(维修网点)',
+      title: '长春水务集团(维修网点)',
       address: '长春市宽城区南广场珠江路17号',
       mobile: '89812345',
       pos: [125.335639, 43.905031],

src/views/win/messDetail.vue

@@ -81,6 +81,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -90,8 +95,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/messDetailSec.vue

@@ -61,6 +61,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -70,8 +75,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/messIndex.vue

@@ -74,6 +74,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -83,8 +88,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/messParts/detail/zhfw.vue

@@ -25,7 +25,7 @@ const list = ref([
   { title: '10、微信缴费', content_id: 6055 },
   { title: '11、支付宝缴费', content_id: 6056 },
   { title: '12、缴费方式一次性告知书', url: '/u/cms/www/202403/08100748jhaz.png' },
-  { title: '13、长春水投集团全国行业首推用户自抄表服务', content_id: 6057 },
+  { title: '13、长春水务集团全国行业首推用户自抄表服务', content_id: 6057 },
   { title: '14、智慧水务简介', content_id: 6064 },
 ])
 const toOpen = (data: object) => {

src/views/win/messParts/infoDetail.vue

@@ -82,7 +82,7 @@ const tabChange = (event: { id: string }) => {
 import { xxgk } from '@/api/api'
 const viewData = ref({
   channel_id: '',
-  title: '长春水投集团涉民、涉企供水服务大厅、服务网点一览表',
+  title: '长春水务集团涉民、涉企供水服务大厅、服务网点一览表',
   txt: `<p>xxx</p>`,
 })
 /* 查询 */

src/views/win/messParts/waterDetail.vue

@@ -81,7 +81,7 @@ const tabChange = (event: { id: string }) => {
 import { xxgk } from '@/api/api'
 const viewData = ref({
   channel_id: '',
-  title: '长春水投集团涉民、涉企供水服务大厅、服务网点一览表',
+  title: '长春水务集团涉民、涉企供水服务大厅、服务网点一览表',
   txt: `<p>xxx</p>`,
 })
 /* 查询 */

src/views/win/newsDetail.vue

@@ -59,6 +59,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -68,8 +73,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/newsIndex.vue

@@ -67,6 +67,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -76,8 +81,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/popularwillDetail.vue

@@ -60,6 +60,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -69,8 +74,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/popularwillIndex.vue

@@ -68,6 +68,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -77,8 +82,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/queryDetail.vue

@@ -60,6 +60,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -69,8 +74,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/queryIndex.vue

@@ -67,6 +67,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -76,8 +81,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/watersupplyDetail.vue

@@ -66,6 +66,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -75,8 +80,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/watersupplyIndex.vue

@@ -69,6 +69,11 @@ function useWindowScroll() {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
 
       .new_style {
@@ -78,8 +83,11 @@ function useWindowScroll() {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+         -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         padding: 0 17%;

src/views/win/watersupplyParts/listIndex.vue

@@ -222,7 +222,7 @@ const toDetail = (data: any) => {
         .title {
           color: rgb(25, 25, 26);
           // font-family: '黑体';
-          font-size: 24px;
+          font-size: 22px;
           font-weight: 500;
           line-height: 35px;
           letter-spacing: 0px;
@@ -232,7 +232,7 @@ const toDetail = (data: any) => {
         .date {
           color: rgb(25, 25, 26);
           // font-family: '黑体';
-          font-size: 24px;
+          font-size: 18px;
           font-weight: 500;
           line-height: 32px;
           letter-spacing: 0px;

src/views/winParts/popularWill.vue

@@ -81,7 +81,7 @@ const list = ref([
     type: '3',
     title: '满意度调查',
     brief:
-      '水投集团满意度调查是为了了解客户对水投集团提供的服务的满意程度而进行的一项调查。通过该调查，我们希望收集客户对水投集团的服务质量、响应速度、沟通效果等方面的意见和反馈，以便进一步改进和优化我们的服务。',
+      '水务集团满意度调查是为了了解客户对水务集团提供的服务的满意程度而进行的一项调查。通过该调查，我们希望收集客户对水务集团的服务质量、响应速度、沟通效果等方面的意见和反馈，以便进一步改进和优化我们的服务。',
     url: 'my3.png',
   },
 ])

src/views/winParts/topIndex.vue

@@ -22,7 +22,7 @@ defineOptions({ name: 'topIndex' })
 </script>
 <style scoped lang="scss">
 .topIndex {
-      margin: 5% 0 5% 0;
+      margin: 10% 0 5% 0;
 
       .info {
             display: flex;

src/views/windowsIndex.vue

@@ -86,7 +86,7 @@ onMounted(async () => {
       dialog.value = true
       setTimeout(() => {
         dialog.value = false
-      }, 3000);
+      }, 3000)
     }
   }
 })
@@ -106,6 +106,11 @@ onUnmounted(() => {
       background-size: 100% 100%;
       .menus {
         height: 66px;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .new_style {
         position: fixed;
@@ -114,8 +119,11 @@ onUnmounted(() => {
         width: 100%;
         z-index: 1000;
         background-color: #fff;
-        -webkit-transition: all 0.8s ease;
-        transition: all 0.8s ease;
+        -webkit-transition: all 1.5s ease;
+        -moz-transition: all 1.5s ease;
+        -ms-transition: all 1.5s ease;
+        -o-transition: all 1.5s ease;
+        transition: all 1.5s ease;
       }
       .zero {
         margin: 0 0 40px 0;
@@ -124,7 +132,7 @@ onUnmounted(() => {
     }
     .bottom {
       position: absolute;
-      top: 400px;
+      top: 470px;
       .zero {
         margin: 0 0 40px 0;
         padding: 0 17%;