crowd-test-service-frontend/src/pages/Technology/Technology2.0.vue

<template>
  <div class="technology-container">
    <SearchBar :menuArr="menuArr"></SearchBar>
    <div class="container">
      <el-row>
        <el-col :span="18" class="project-task">
          <TechnologyCard></TechnologyCard>
          <TechnologyCard></TechnologyCard>
        </el-col>
        <el-col :span="6"  class="popular-modules">
          <PopularProject />
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
  import SearchBar from '../../components/commons/SearchBar'
  import TechnologyCard from './TechnologyCard'
  import PopularProject from '../Square/PopularProjext'
  export default {
    name: 'Technology2.0',
    components: {
      SearchBar,
      TechnologyCard,
      PopularProject
    },
    data(){
      return {
        menuArr: [
          {label:"技术文章",name:"article"},
          {label:"技术专著",name:"monograph"},
        ]
      }
    }
  }
</script>

<style scoped lang="less">
  .technology-container {
    /deep/ .search-nav,/deep/ .releaseBtn{
      margin: 20px 0 0 0 !important;
    }
    .project-task {
      padding: 15px 0;
    }

    .popular-modules {
      padding: 15px 0 15px 15px;
    }
  }

</style>