21 行
626 B
Vue
21 行
626 B
Vue
<template>
|
|
<section class="section">
|
|
<div class="container">
|
|
<CommonSectionTitle title="关于价格" subtitle="透明、清晰、不套路" />
|
|
<div class="pricing-content">
|
|
<p>{{ content }}</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({ content: { type: String, required: true } })
|
|
</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>
|