32 lines
607 B
Vue
32 lines
607 B
Vue
<!-- components/TitleSection.vue -->
|
|
<template>
|
|
<view class="flex flex-col items-center">
|
|
<view class="text-sm mt-4 lg:mt-20 text-primary font-bold">
|
|
{{ subtitle }}
|
|
</view>
|
|
<view class="text-5xl my-6 font-bold">
|
|
{{ title }}
|
|
</view>
|
|
<view class="text-xl lg:mx-32 mx-6 mb-6 ">
|
|
{{ description }}
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
title: {
|
|
type: String,
|
|
default: '默认标题'
|
|
},
|
|
subtitle: {
|
|
type: String,
|
|
default: '默认副标题'
|
|
},
|
|
description: {
|
|
type: String,
|
|
default: '默认描述'
|
|
}
|
|
})
|
|
</script> |