<template>
  <div>

    <van-config-provider :theme="theme">
      <Header @changeTheme="changeTheme" @goBack="goBack" @search="search" logoUrl="https://cxdata.caixin.com/test/exrate/assets/sjlogo2-Dvc48JHj.png" :theme="theme" :isLogin="false"></Header>
      <div class="main">

      </div>
      <Footer :footerLogo="'https://cxdata.caixin.com/test/exrate/assets/sjlogo2-Dvc48JHj.png'" :theme="'light'">
      </Footer>
    </van-config-provider>

  </div>
</template>

<script setup>
import Header from './packges/components/header.vue';
import Footer from './packges/components/footer.vue';

const theme = ref('light')
function changeTheme() {
  theme.value = theme.value === 'light' ? 'dark' : 'light'
}

function goBack() {
  console.log(2)
}

function search(keyword) {
  console.log(keyword)
}

</script>

<style scoped>
.main {
  min-height: 85vh;
}
</style>