<template>
  <div class="pv-coupon" :style="{background:props.bgColor||'#FFFBF0',color:props.textColor||'#D4A045'}">
    <div class="pv-left">
      <span class="pv-icon">🎫</span>
      <span class="pv-title">{{ props.title||'领券中心' }}</span>
    </div>
    <span class="pv-arrow">›</span>
  </div>
</template>
<script setup>const props=defineProps({props:{type:Object,default:()=>({})}})</script>
<style scoped>
.pv-coupon{display:flex;align-items:center;padding:14px;gap:8px}
.pv-left{display:flex;align-items:center;gap:6px}
.pv-icon{font-size:20px}
.pv-title{font-size:14px;font-weight:600}
.pv-arrow{font-size:18px;color:#ccc;margin-left:auto}
</style>
