<template>
  <div>
    <child-view>
      <div class="sub-page">
        <div class="mt-0.5 mx-4 py-5 bg-app-dark-2 border border-app-blue-3 border-solid rounded-lg">
          <div class="px-4">
            <community-card/>
          </div>
        </div>
        <div class="mt-7 px-4">
          <TicketBar :ticketNum="ticketNum" :cardStyle="2" />
        </div>
        <div class="px-4 mt-5 mb-10">
          <h4 class="text-sm text-white mb-2">投票纪录</h4>
          <ul>
            <li v-for="(i, index) in list" :key="index" class="bg-app-dark-2 mb-2">
              <ticket-record :hasTitle="true" />
            </li>
          </ul>
        </div>
      </div>
    </child-view>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import CommunityCard from '@/components/home/CommunityCard.vue'
import TicketBar from '@/components/home/TicketBar.vue'
import TicketRecord from '@/components/mine/TicketRecord.vue'
import ChildView from '@/layouts/childView.vue'

export default Vue.extend({
  components: {
    CommunityCard,
    TicketBar,
    TicketRecord,
    ChildView,
  },
  data() {
    return {
      ticketNum: 111,
      list: [1,2,3,45,6,7]
    }
  }
})
</script>