P0006/src/view/about.vue

<template>
  <el-main style="width: 960px;margin: 0 auto;min-height: 500px">
    <el-row class="card_menu">
      <el-col :span="4">
        <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0',height:'220px' }">
          <div slot="header">
            <span>关于我们</span>
          </div>
          <div class="menu-item active">SICA简介</div>
          <div class="menu-item">SICA章程</div>
        </el-card>
      </el-col>
      <el-col :span="20">
        <el-card shadow="never" style="margin: 0 10px;height: 260px" :body-style="{ padding: '0px'}">
          <el-row>
            <el-col :span="12">
              <el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px',height:'380px' }">
                <img src="../assets/img/ps33zrxsxe75je6fyz0ieqako59448zdwo2b864170-7f1e-4bcb-9a87-f19996c6d605.png" style="border-radius: 10px;margin: 10px 0" width="100%"/>
              <p style="color: #333">Brief Introduction of Shanghai Integrated Circuit  Industry Ass</p>
              </el-card>
            </el-col>
            <el-col :span="12">
              <el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px',height:'380px' }">
                <img src="../assets/img/ps33zrxsxe75je6fyz0ieqako59448zdwo2b864170-7f1e-4bcb-9a87-f19996c6d605.png" style="border-radius: 10px;margin: 10px 0" width="100%"/>
                <p style="color: #333">上海市集成电路行业协会简介</p>

              </el-card>
            </el-col>
          </el-row>
        </el-card>
      </el-col>
    </el-row>
  </el-main>
</template>

<script>
export default {
  data () {
    return {

    }
  }
}
</script>
<style>
.menu-item{
  text-align: center;
  padding: 10px;
  width: 100%;
}
.card_menu .menu-item.active{
  border-left: 2px solid #427FCE;
  background: #eee;
}
</style>