| | |
| | | <template> |
| | | <Header></Header> |
| | | <div class="warp"> |
| | | <HomeLeft></HomeLeft> |
| | | <!-- <div>中间搜索</div> --> |
| | | <HomeRight></HomeRight> |
| | | </div> |
| | | <HomeLeft></HomeLeft> |
| | | <!-- <div>中间搜索</div> --> |
| | | <HomeRight></HomeRight> |
| | | <SearchBox /> |
| | | </template> |
| | | |
| | | <script> |
| | | import index from '@/mixins'; |
| | | import { mapGetters } from 'vuex'; |
| | | import Header from '../Home/components/Header.vue'; |
| | | import HomeLeft from '../Home/components/HomeLeft/Index.vue' |
| | | import HomeRight from '../Home/components/HomeRight/Index.vue' |
| | | <script setup> |
| | | import HomeRight from './components/HomeRight/HomeRight.vue'; |
| | | import HomeLeft from '@/views/Home/components/HomeLeft/HomeLeft.vue'; |
| | | import SearchBox from '@/views/Home/SearchBox.vue'; |
| | | import { useAggregation } from '@/views/Home/useAggregation'; |
| | | import MapPopUpBox from '@/views/Home/MapPopUpBox.vue'; |
| | | import { render } from 'vue'; |
| | | |
| | | export default { |
| | | mixins: [index], |
| | | components: { |
| | | Header, |
| | | HomeLeft, |
| | | HomeRight, |
| | | }, |
| | | name: 'index', |
| | | provide() { |
| | | return { |
| | | index: this, |
| | | }; |
| | | }, |
| | | computed: {}, |
| | | props: [], |
| | | methods: { |
| | | |
| | | }, |
| | | }; |
| | | useAggregation() |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .page-home { |
| | | height: 100vh; |
| | | width: 100%; |
| | | background-size: 100% 100%; |
| | | background-repeat: no-repeat; |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
| | | .warp { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | } |
| | | </style> |