<template>
    <view>
        <view class="title" :style="{color: titlecolor}">{{title}}</view>
        <view class="subtitle" v-html="subtitle" :style="{color: subtitlecolor}"></view>
    </view>
</template>

<script>
    export default {
        props: {
            title: {
                type: String,
                default: () => ''
            },
            subtitle: {
                type: String,
                default: () => ''
            },
            titlecolor: {
                type: String,
                default: () => '#333333'
            },
            subtitlecolor: {
                type: String,
                default: () => '#707070'
            }
        }
    }
</script>

<style lang="scss" scoped>
    .title {
        margin-top: 122rpx;
        text-align: center;
        font-size: 44rpx;
    }
    .subtitle {
        margin: 20rpx 0 100rpx 0;
        text-align: center;
        font-size: 28rpx;
    }
</style>