usoft-town/pages/news/index.vue

<template>
  <div class="news">
    <banner/>
    <div class="container">
      <div class="news-navs">
        <navs/>
      </div>
      <div class="news-content">
        <items/>
      </div>
    </div>
  </div>
</template>

<script>
  import {Navs, Items, Banner} from '@/components/news'
  export default {
    name: 'News',
    layout: 'town',
    components: {
      Navs,
      Items,
      Banner
    }
  }
</script>

<style scoped type="text/scss" lang="scss">
.news{
  background: #f4f4f4;
  padding-bottom:60px;
  .news-navs{
    float:left;
    width:240px;
    min-height:280px;
    background: #fff;
  }
  .news-content{
    background: #fff;
    margin-left:260px;
    min-height:300px;
    padding: 20px 0;
  }
}
</style>