<template>
  <div style="min-width:1200px;" :style="{'--color': `${basicSet.set && basicSet.set.theme_color ? basicSet.set.theme_color: '#44be95'}` }">
    <l-header :top_type="`other`"></l-header>
    <topMenu v-if="basicSet.set && basicSet.set.pc_temp==1"></topMenu>
    <topMenu02 v-if="basicSet.set && basicSet.set.pc_temp==2"></topMenu02>
    <div style="height: 10px;background-color: #f5f5f5;"></div>
    <main class="content-container" ref="container">
      <nuxt />
    </main>
    <l-footer v-if="basicSet.set && basicSet.set.pc_temp==1"></l-footer>
    <footer-two v-if="basicSet.set && basicSet.set.pc_temp==2"></footer-two>
  </div>
</template>

<script>
  import {mapState} from 'vuex'
  import LHeader from "~/components/default/header";
  import LFooter from "~/components/default/footer";
  import topMenu from "~/components/default/topMenu";
  import { seo } from "~/utils/assist";
  import topMenu02 from "~/components/templateTwo/topMenu2";
  import footerTwo from "~/components/templateTwo/footer2";
  export default {
    components: {
      topMenu,
      LHeader,
      LFooter,
      topMenu02,
      footerTwo,
    },
    data() {
      return {
      };
    },
    // watch: {
    //   $route(to,from){}
    // },
    computed: {
      ...mapState(['basicSet'])
    },
    mounted() {},
    methods: {},
  };
</script>
