<template>
  <div class="pv-titlebar" :style="{padding: props.padding || '14px 12px'}">
    <div class="pv-left">
      <span class="pv-title">{{ props.title || '标题' }}</span>
      <span v-if="props.subtitle" class="pv-sub">{{ props.subtitle }}</span>
    </div>
    <span v-if="props.moreText" class="pv-more">{{ props.moreText }} ›</span>
  </div>
</template>
<script setup>const props=defineProps({props:{type:Object,default:()=>({})}})</script>
<style scoped>
.pv-titlebar{display:flex;align-items:center;justify-content:space-between;background:#fff}
.pv-left{display:flex;align-items:baseline;gap:8px}
.pv-title{font-size:16px;font-weight:700;color:#333}
.pv-sub{font-size:12px;color:#999}
.pv-more{font-size:12px;color:#999;cursor:default}
</style>
