hulai-website/components/products/PricingPhilosophy.vue

22 行
748 B
Vue

<template>
<section class="section">
<div class="container">
<CommonSectionTitle :title="st('products.pricingPhilosophy', '关于价格')" :subtitle="st('products.pricingPhilosophy', '透明、清晰、不套路', 'subtitle')" />
<div class="pricing-content">
<p>{{ content }}</p>
</div>
</div>
</section>
</template>
<script setup>
defineProps({ content: { type: String, required: true } })
const st = await useSectionTitles()
</script>
<style lang="less" scoped>
.pricing-content { max-width: 800px; margin: 0 auto; padding: @space-xl; background: @color-bg-warm; border-radius: @border-radius-lg;
p { font-size: @font-size-md; line-height: @line-height-loose; color: @color-text-secondary; }
}
</style>