<template>
  <div style="padding: 30px 20px 20px">
    <!--成绩-->
    <div v-html="matchData.scoreUrl" />
    <el-empty
      v-if="!matchData.scoreUrl" :image="`/img/order_no.png`" :image-size="228"
      description=""
    />
  
  </div>
</template>

<script setup>

const props = defineProps({
  matchData: {
    type: Object,
    required: true
  }
})
</script>

<style lang="scss" scoped>
.time-address {
  color: #666;
}

.indexTitle {
  margin: 20px 0 12px;
  
  h3 {
    font-size: 20px;
    color: var(--el-color-primary);
  }
}

p img {
  max-width: 100%;
}

.table {
  width: 100%;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  
  th {
    background: #eee;
    padding: 6px 10px;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    font-size: 15px;
  }
  
  td {
    padding: 6px 10px;
    border-right: 1px solid #e1e1e1;
    font-size: 15px;
    border-bottom: 1px solid #e1e1e1;
    vertical-align: middle;
    text-align: center;
    
    span {
      margin-right: 10px
    }
    
    span::after {
      content: ','
    }
    
    span:last-child::after {
      content: ''
    }
  }
}
</style>