<template>
  <div class="status">
    <van-image v-if="item.status === 'enable'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_enable" />
    <van-image v-if="item.status === 'disable'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_refuse" />
    <van-image v-if="item.status === 'apply'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_apply" />
  </div>
</template>

<script setup>
import icon_refuse from '@images/icon-jujue@2x.png'
import icon_apply from '@images/icon-shenhe@2x.png'
import icon_enable from '@images/icon-tongguo@2x.png'

const props = defineProps({
  item: Object,
});
</script>

<style lang="less" scoped>
.status {
  position: absolute; 
  top: 0; 
  right: 0; 
  z-index: 999;
}
</style>