<template>
  <view class="card-wrapper" :style="{ padding: wrapPd }" @tap="emits('click')">
    <view class="card-main bdR20" :style="{ backgroundColor: bgColor, padding: pd }">
      <slot />
    </view>
  </view>
</template>

<script setup>
const emits = defineEmits(['click'])
const props = defineProps({
  bgColor: {
    type: String,
    default: "#fff",
  },
  pd: {
    type: String,
    default: "50rpx",
  },
  wrapPd: {
    type: String,
    default: "50rpx",
  },
})
</script>

<style scoped>
.card-main {
  overflow: hidden;
}
</style>
