<template>
  <div class="pv-search" :style="{background:props.bgColor||'#f5f5f5',padding:'10px 12px'}">
    <div class="pv-search-bar" :class="{ round: props.shape !== 'square' }">
      <span class="pv-search-icon">🔍</span>
      <span class="pv-search-text">{{ props.placeholder || '搜索商品' }}</span>
    </div>
  </div>
</template>
<script setup>const props=defineProps({props:{type:Object,default:()=>({})}})</script>
<style scoped>
.pv-search-bar{display:flex;align-items:center;gap:6px;background:#fff;padding:8px 14px;border-radius:6px;font-size:13px;color:#bbb}
.pv-search-bar.round{border-radius:20px}
.pv-search-icon{font-size:14px}
.pv-search-text{font-size:13px}
</style>
