feat:用户头像名称

ZhangXianQiang

2024-07-04 2663f19b620d057633c66ca8442b04a234072414

 src/views/home/components/info-data/index.vue

@@ -46,15 +46,63 @@
      </el-col>
    </el-row>

    <el-row class="mb-5" :gutter="20">
      <el-col>
    <el-row class="mb-5" :gutter="40">
      <el-col :span="12">
        <div class="title text-lg font-bold">我的课表</div>
        <div class="table-container">
          <el-table :data="classList" height="500">
            <el-table-column prop="date" label="课程时间"/>
            <el-table-column prop="name" label="课程名称" />
          </el-table>
        </div>
      </el-col>

      <el-col :span="12">
        <div class="title text-lg font-bold">我的考试</div>
        <div class="table-container">
          <el-table :data="classList" height="500">
            <el-table-column prop="date" label="课程时间"/>
            <el-table-column prop="name" label="课程名称" />
          </el-table>
        </div>
      </el-col>
    </el-row>
  </el-card>
</template>

<script setup>
import {ref} from 'vue';

 const classList = ref([
  {
    date: '2021-08-01',
    name: '语文'
  },
  {
    date: '2021-08-01',
    name: '语文'
  },
  {
    date: '2021-08-01',
    name: '语文'
  },
  {
    date: '2021-08-01',
    name: '语文'
  },
  {
    date: '2021-08-01',
    name: '语文'
  },
  {
    date: '2021-08-01',
    name: '语文'
  },
  {
    date: '2021-08-01',
    name: '语文'
  },
 ])

</script>

@@ -64,6 +112,7 @@
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.text-num {
  color: var(--el-color-primary);
}