<!--
 * @Author: wally
 * @email: 18603454788@163.com
 * @Date: 2021-01-14 12:20:06
 * @LastEditors: wally
 * @LastEditTime: 2021-01-15 21:35:09
-->
<template>
  <div>
    <banner :show-page="61" v-show="showBanner === 1" />
    <div class="inner" style="margin-top: 50px; margin-bottom: 100px">
      <left-nav style="float: left" />
      <div style="width: 83%; float: right">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import Banner from 'components/Banner/Banner.vue';
import LeftNav from './components/LeftNav.vue';
export default {
  name: 'Challenge',
  components: { LeftNav, Banner },
  data() {
    return {
      title: '创新挑战',
      arr: [{ name: '创新挑战', url: '' }],
      showBanner: 0,
    };
  },
  watch: {
    $route(to, from) {
      if (to.fullPath === '/Challenge/Solicitation') {
        this.showBanner = 1;
      } else {
        this.showBanner = 0;
      }
    },
  },
  created() {
    if (this.$route.fullPath === '/Challenge/Solicitation') {
      this.showBanner = 1;
    }
  },
};
</script>

<style scoped lang="stylus"></style>
