<!--
 * @Description: 科普专题
 * @Author: yantingxi
 * @Date: 2019-08-20 14:12:36
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2019-12-03 14:00:36
 -->
<template>
    <b-navigate
        :url="url"
        :extra="{
            mod: 'science-detail-footer',
            page: page
        }"
    >
    <view
        :class="{
            'border-top': borderTop
        }"
        class="spe-topic__detail-footer"
    >
        <view v-if="label" class="spe-topic__detail-footer__label">{{ label }}</view>
        <view v-if="title" class="spe-topic__detail-footer__title c-line-clamp1">{{ title }}</view>
    </view>
    </b-navigate>
</template>

<script>
import Navigate from '../../components/common/navigate';

export default {
    config: {
        component: true
    },
    props: {
        url: String,
        title: String,
        label: String,
        page: String,
        borderTop: {
            type: Boolean,
            default: true
        }
    },
    components: {
        'b-navigate': Navigate
    }
};
</script>

<style lang="less" scoped>
.spe-topic__detail-footer {
    display: flex;
    padding: 0.2rem 0;
    justify-content: center;
    font-size: 0.14rem;
    &.border-top {
        border-top: 1px solid #eee;
    }

    &__label {
        color: #999;
        flex: 0 0 auto;
    }

    &__title {
        color: #333;
    }
}
</style>