menduner/src/views/mall/components/table.vue

<template>
  <v-data-table
    class="mt-3"
    v-model="selected"
    :items="items"
    :headers="headers"
    hover
    height="60vh"
    item-value="id"
    no-data-text="暂无数据"
  >
    <template #bottom></template>
  </v-data-table>
</template>

<script setup>
defineOptions({ name: 'myRegistration-integralTable'})
import { ref } from 'vue'
defineProps({
  tab: String,
  items: Array
})


const selected = ref([])
const headers = [
  { title: '兑换物品', key: '兑换物品' },
  { title: '兑换时间', key: '兑换时间' },
  { title: '消耗积分', key: '消耗积分' },
]

</script>

<style scoped lang="scss">
:deep(.v-table > .v-table__wrapper > table > thead) {
  background-color: #f7f8fa !important;
}
:deep(.v-selection-control__input) {
  // color: var(--v-primary-base) !important;
  color: #767778;
}
</style>