dy-admin-manager/src/views/teamBuild/index.vue

<template>
  <div class='m-container'>
    <div class="line"></div>
    <h2>
      <div class='squrt'></div> 建团申请
    </h2>
    <div class="m-core">
      <el-tabs type="border-card"
               v-model="activeIndex">
        <el-tab-pane label="基本信息"
                     name='1'>
          <teamBaseInfo />
        </el-tab-pane>
        <el-tab-pane label="声部费用"
                     name='2'>声部费用</el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
import teamBaseInfo from '@/views/teamBuild/components/teamBaseInfo'
export default {
  components: { teamBaseInfo },
  name: 'teamBuild',
  data () {
    return {
      activeIndex: '1'
    }
  }
}
</script>
<style lang="scss">
.m-container {
  h2 {
    .squrt {
      position: absolute;
      left: -25px;
      top: 8px;
      height: 34px;
      width: 8px;
      background-color: #14928a;
    }
  }
}
// .el-tabs--border-card {
//   box-shadow: none;
// }
</style>