88 lines
2.1 KiB
Vue
88 lines
2.1 KiB
Vue
<template>
|
|
<div>
|
|
<a-table :dataSource="nftData" :pagination="false">
|
|
<!-- <a-table-column title="NFT" data-index="nft" :width="400">
|
|
<template #default="{ text: nft }">
|
|
<div class="nft">
|
|
<div class="nft-img">
|
|
<img :src="nft.image" alt="">
|
|
</div>
|
|
<div class="nft-name">{{ nft.name }}</div>
|
|
</div>
|
|
</template>
|
|
</a-table-column> -->
|
|
</a-table>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from "vue"
|
|
|
|
const props = defineProps({
|
|
nftData: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
});
|
|
|
|
|
|
console.log(props.nftData)
|
|
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
div {
|
|
width: 100%;
|
|
:deep(.ant-table-wrapper) {
|
|
.ant-spin-nested-loading {
|
|
.ant-spin-container {
|
|
.ant-table {
|
|
color: #fff;
|
|
background: #16141b;
|
|
.ant-table-container {
|
|
.ant-table-content {
|
|
.ant-table-thead {
|
|
tr {
|
|
th {
|
|
color: #B3B5DA;
|
|
background: #16141b;
|
|
border-color: #34354e;
|
|
&::before {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.ant-table-tbody {
|
|
tr {
|
|
background: #16141b;
|
|
td {
|
|
border-color: #34354e;
|
|
background: #16141b !important;
|
|
.nft {
|
|
display: flex;
|
|
}
|
|
}
|
|
&:hover {
|
|
background: #16141b !important;
|
|
td {
|
|
background: #16141b !important;
|
|
}
|
|
.ant-table-cell-row-hover {
|
|
background: #16141b !important;
|
|
}
|
|
.ant-table-cell {
|
|
background: #16141b !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |