<template>
  <!-- 新闻 -->
  <div class="content">
    <BannerTop :options="bannerTopOptions"/>

    <section class="container pt-4 pb-4">
      <div class="row">
        <AsideTree class="col-md-3 mb-4 mb-md-0" :headerTitle="$t('products.allProducts')"/>
        <main class="col-md-9">
          <div class="pretty-header">
            <h2>Low Bed Trailer</h2>
          </div>
          <nuxt-child />
        </main>
      </div>
    </section>
  </div>
</template>

<script>
export default {
  name: 'products',
  data() {
    return {
      bannerTopOptions: {
        title: this.$t('products.products'),
        subTitle: this.$t('products.allProducts'),
        img: require('../assets/image/banner/products-banner.png')
      },
    }
  },
  methods: {
    
  }
}
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100%;
}

</style>