baoman / Ezquiz_Platform

  <template>

    <div>
      <back-box>
        <template slot="title">
          <span>单课分析</span>
        </template>
      </back-box>
      <div class="tab-box">
        <span class="tab-item active">答题表现</span>
        <span class="tab-item">学生问答表现</span>
        <span class="tab-item">学生互动表现</span>
        <span class="tab-item">签到明细</span>
      </div>
    </div>

  </template>
  
  <script>

  export default {};

  </script>
  

  <style lang="scss" scoped>
  .tab-box {
    width: 800px;
    margin: 20px auto;
    background: #f8f8f8;
    border-radius: 20px;
    display: flex;
    .tab-item {
      flex: 1;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      color: #666;
      font-weight: 500;
      background: transparent;
      border-radius: 20px;
      &.active {
        background: #667ffd;
        color: #fff;
      }
    }
  }

  </style>