fix:公司官网新建

quanyawei

2024-01-03 6429d4b210fadb4face2ade0bbdc02926c444f72

 src/components/footerInfor.vue

@@ -8,6 +8,7 @@
          </div>
          <div v-for="(val, index) in item.list" :key="index" class="valName">
            <span
              @click="goPage(val)"
              @mouseenter="val.show = !val.show"
              @mouseleave="val.show = !val.show"
              :class="{ hoverBorderBg: val.show }"
@@ -45,43 +46,58 @@

<script setup lang="ts">
import { reactive } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
let goPage = (item: any) => {
  if (item.path !== '') {
    let hash = item.hash ? item.hash : ''
    router.push({ path: item.path, hash: hash, query: { name: item.name, id: item.id } })
  }
}
const footerinforList = reactive([
  {
    name: '解决方案',
    path: '/solution',
    id: '2',
    show: false,
    list: [
      { name: '臭氧&PM2.5协同管控', show: false, path: '/solution/o3-pm25' },
      { name: '涉气企业无组织排放断面管控', show: false, path: '/solution/o3-pm25' },
      { name: '环保管家服务', show: false, path: '/solution/o3-pm25' },
      { name: '更多详情', show: false, path: '/solution/o3-pm25' }
      { name: '臭氧&PM2.5协同管控', show: false, path: '/solution', id: '2' },
      { name: '涉气企业无组织排放断面管控', show: false, path: '/solution', id: '21' },
      { name: '环保管家服务', show: false, path: '/solution', id: '22' },
      { name: '更多详情', show: false, path: '/solution', id: '23' }
    ]
  },
  {
    name: '产品中心',
    path: '/product',
    show: false,
    id: '3',
    list: [
      { name: '23参数微型空气站', show: false, path: '/solution/o3-pm25' },
      { name: '大气环境智慧监测指挥平台', show: false, path: '/solution/o3-pm25' },
      { name: '无人机数据黑匣子监测系统', show: false, path: '/solution/o3-pm25' },
      { name: '一体化扬尘监测系统', show: false, path: '/solution/o3-pm25' },
      { name: '七星瓢虫温室气体监测系统', show: false, path: '/solution/o3-pm25' }
      { name: '23参数微型空气站', show: false, path: '/product', id: '3' },
      { name: '大气环境智慧监测指挥平台', show: false, path: '/product', id: '31' },
      { name: '无人机数据黑匣子监测系统', show: false, path: '/product', id: '32' },
      { name: '一体化扬尘监测系统', show: false, path: '/product', id: '33' }
    ]
  },
  {
    name: '新闻中心',
    path: '/news',
    show: false,
    id: '4',
    list: [
      { name: '公司新闻', show: false, path: '' },
      { name: '行业新闻', show: false, path: '' }
      { name: '公司新闻', show: false, path: '/news', id: '4' },
      { name: '行业新闻', show: false, path: '/news', id: '41' }
    ]
  },
  {
    name: '关于我们',
    path: '/about',
    show: false,
    id: '5',
    list: [
      { name: '品牌故事', show: false, path: '' },
      { name: '发展历程', show: false, path: '' },
      { name: '企业文化', show: false, path: '' }
      { name: '品牌故事', show: false, path: '/about', id: '5', hash: '#mian1' },
      { name: '发展历程', show: false, path: '/about', id: '51', hash: '#mian2' },
      { name: '企业文化', show: false, path: '/about', id: '52', hash: '#mian3' }
    ]
  },
  {