<template>
  <div class="pv-quick" :style="{background:props.bgColor||'#fff',padding:'12px 8px'}">
    <div class="pv-qgrid" :style="{gridTemplateColumns:'repeat('+(props.columns||4)+',1fr)'}">
      <div v-for="(item,i) in (props.items||[])" :key="i" class="pv-qitem">
        <div class="pv-qicon">{{ item.icon || '⚡' }}</div>
        <div class="pv-qtext">{{ item.text || '功能' }}</div>
      </div>
    </div>
  </div>
</template>
<script setup>const props=defineProps({props:{type:Object,default:()=>({})}})</script>
<style scoped>
.pv-qgrid{display:grid;gap:8px}
.pv-qitem{display:flex;flex-direction:column;align-items:center;gap:4px}
.pv-qicon{font-size:24px}
.pv-qtext{font-size:11px;color:#666;white-space:nowrap}
</style>
