new-cashier/jeepay-ui-uapp-agent/components/newComponents/JMainCard/JMainCard.vue

32 lines
548 B
Vue

<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>