<template>
  <view class="relative box-content">

    <view>
      <slot></slot>
    </view>
    <uv-badge
        absolute
        :offset="[0, 0]"
        type="error"
        max="99"
        :absolute="true"
        :value="value"
        :color="color"
        :bgColor="bgColor"
        customStyle="transform:translate(50%,-50%);"
    ></uv-badge>
  </view>
</template>
<script setup>
// import { defineOptions } from 'vue';
// defineOptions({ name: 'CuBadge' })

const props = defineProps({
  value: {
    type: [Number, String],
  },
  bgColor:{
    type: String,
    default: '#ee2c37',
  },
  color:{
    type: String,
    default: '#ee2c37',
  }
})
</script>
