<template>
    <div class="class-table-zcx">
        <table>
            <slot name="head"></slot>
            <slot name="body"></slot>
        </table>
    </div>
</template>

<script setup lang="ts">

</script>

<script lang="ts">
export default {
  name: "classTable"
}
</script>

<style>
.class-table-zcx {
    width: 100%;
    height: 100%;
    background-color: #fff;
    table{
      width: 100%;
      height: 100%;
      th{
        font-size: 16px;
        font-weight: 700;
        color: #70bbdb;
        border: none;
        border-bottom: 3px solid #70bbdb;
      }
      td{
        font-size: 14px;
        color: #606266;
        border: none;
        border-bottom: 2px solid #e4e7ed;
        text-align: center;
      }
      .Gethover {
        background-color: #f0f2f5;
      }
      .Blue {
        color: #4a90c4;
      }
    }
}
</style>