<template>
  <div class="pv-cg">
    <div class="pv-cg-grid" :style="{gridTemplateColumns:'repeat('+(props.columns||4)+',1fr)'}">
      <div v-for="i in (props.limit||10)" :key="i" class="pv-cg-item">
        <div v-if="props.showIcon !== false" class="pv-cg-icon">📂</div>
        <div class="pv-cg-name">分类{{ i }}</div>
      </div>
    </div>
  </div>
</template>
<script setup>const props=defineProps({props:{type:Object,default:()=>({})}})</script>
<style scoped>
.pv-cg{padding:8px 12px;background:#fff}
.pv-cg-grid{display:grid;gap:10px}
.pv-cg-item{text-align:center}
.pv-cg-icon{width:44px;height:44px;margin:0 auto;border-radius:14px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:22px}
.pv-cg-name{font-size:11px;color:#333;margin-top:4px}
</style>
