<template> 
 | 
  <div class="mine-agreement-sign-detail-card"> 
 | 
    <div class="mine-agreement-sign-detail-card-title"> 
 | 
      <slot name="title"> 
 | 
        {{ title }} 
 | 
      </slot> 
 | 
    </div> 
 | 
    <div class="mine-agreement-sign-detail-card-content"> 
 | 
      <slot name="content"></slot> 
 | 
    </div> 
 | 
  </div> 
 | 
</template> 
 | 
  
 | 
<script setup lang="ts"> 
 | 
defineOptions({ 
 | 
  name: 'MineAgreementSignDetailCard', 
 | 
}); 
 | 
  
 | 
type Props = { 
 | 
  title?: string; 
 | 
}; 
 | 
  
 | 
const props = withDefaults(defineProps<Props>(), {}); 
 | 
</script> 
 | 
  
 | 
<style lang="scss"> 
 | 
@import '@/styles/common.scss'; 
 | 
  
 | 
.mine-agreement-sign-detail-card { 
 | 
  background-color: #fff; 
 | 
  border-radius: 12px; 
 | 
  padding: 24px 34px 34px; 
 | 
  
 | 
  .mine-agreement-sign-detail-card-title { 
 | 
    font-size: 30px; 
 | 
    line-height: 42px; 
 | 
    color: boleGetCssVar('text-color', 'primary'); 
 | 
    margin-bottom: 36px; 
 | 
  } 
 | 
} 
 | 
</style> 
 |