<template>
  <div class="community-vote">
    <div class="vote-header">
      <div @click="$router.back()">houtui</div>
    </div>
    <time-line :height="height" />
    <div class="mt-3 mx-4 px-4 py-5 border-2 border-app-blue-2 border-solid rounded-lg">
      <CommunityCard />
    </div>
  </div>
</template>

<script lang="ts">
import TimeLine from '@/components/home/TimeLine.vue'
import CommunityCard from '@/components/home/CommunityCard.vue'
import Vue from 'vue'
export default Vue.extend({
  components: {
    TimeLine,
    CommunityCard
  },
  name: 'CommunityVote',
  data() {
    return {
      height: 12070
    }
  }
})
</script>

<style scoped>
  .timing {
    background: rgba(255, 255, 255, 0.2);
  }
</style>