<template>
  <div class="record border border-app-blue-2 border-solid rounded-lg">
    <div v-if="hasTitle" class="px-4 text-sm border-b leading-10">
      title
    </div>
    <div class="px-3">
      <div class="flex justify-between items-center px-1 leading-8 pt-3">
        <span class="text-sm">投票时间</span>
        <span class="tet-xs">5月28日 13:24:30</span>
      </div>
      <div class="flex justify-between items-center border-b px-1 leading-8 pb-3">
        <span class="text-sm">投票数</span>
        <span class="tet-xs">1200票</span>
      </div>
      <div class="px-1 text-xs leading-10 flex justify-between items-center">
        <span>HASH</span>
        <span class="flex items-center">
          l1z9e1beb62e754ff3704d8ba626d6…1c5a0
          <app-icon class="ml-1" customize size="12px" type='icon-arrow-right-copy-copy'></app-icon>
        </span>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import AppIcon from '@/components/common/Icon.vue'
export default Vue.extend({
  components: {
    AppIcon
  },
  props: {
    hasTitle: {
      type: Boolean,
      default: true
    }
  }
})
</script>

<style scoped>
  .border-b {
    /* padding-bottom: 20px; */
    border-bottom: 2px solid #35379F;
  }
</style>