<template>
    <div class="card flex flex-col">
        <div class="header bg-app-blue-4 flex items-center justify-between px-5 py-3 rounded-tl-xl rounded-tr-xl ">
            <div class="medals w-16"></div>
            <div class=" text-sm text-left justify-items-start">
                <div>社区名称一</div>
                <div>当前票数 <span>57217348918</span></div>
            </div>
            <div>
                <app-btn text='投票' class="bg-app-blue-2 rounded" border="border-none"></app-btn>
            </div>
        </div>
        <div class="bottom bg-app-blue-3 rounded-bl-xl rounded-br-xl  ">

        </div>
    </div>
</template>

<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
  props: {

  },
  methods:{

  },
    components:{
        'app-btn':()=>import('@/components/common/Btn.vue')
    }
});
</script>

